Loading ...

Nav - Image Blocks Template | Communifire Documentation

Comments (1)

   
jrank

How do I make sure the entire image shows? Larger images tend to zoom in and get cropped.

14 days ago
 · 
by
   
gskamau

Hi Jess,

Could you share a sample image that this happens with?

Grace

14 days ago
 · 
by
   
jrank

Here's the photo being used:

This is how it shows on the page:

14 days ago
 · 
by
   
gskamau

Hi Jess,

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:

Grace

14 days ago
 · 
by
   
jrank

That worked, thank you!

14 days ago
 · 
by

Pages

Intranet Software