<div class="axero-navigation-image-blocks {{CustomCSSClass}}"> <ul> {{{Contents.ChildWidgetHTML}}} </ul> </div>
Note: Upload foreground images in the Advanced tab of the navigation items.
How do I make sure the entire image shows? Larger images tend to zoom in and get cropped.
Hi Jess,
Could you share a sample image that this happens with?
Grace
Here's the photo being used:
This is how it shows on the page:
Add the following code in Control Panel > System > CSS Overrides.
/*Nav - Image Blocks Template - Show entire image*/.axero-navigation-image-blocks ul li a .tile-content .tile-media {background-size:contain;}
The image will then look like this:
That worked, thank you!
Please enable JavaScript to use file uploader.
is requesting access to a wiki that you have locked: https://my.axerosolutions.com/spaces/5/communifire-documentation/wiki/view/78431/nav-image-blocks-template