Jump to content

Where is image scaling controlled?


Recommended Posts

A stock Foundation has a 105px image placed in a 96px square, inside a 103px area. This is the result of the list stucture having a class of .medium-block-grid-6 > li.

From a row that is 1000px wide, the large-9 columns of that row gives 750px, of which that has some borders and padding to finally have 740px. That is divided by the six-block grid, or 123px per cell. That has some padding giving 103px for the image area. The image has a white border setting it at 96px wide.

So, to actually get a larger picture, make sure the rendered image is actually larger (in the config.xml, or change the template to use a larger variant), and change from a six-cell to a five-cell grid.

In content.catagory.php:

Find:
<ul class="medium-block-grid-6 text-center small-block-grid-3" data-equalizer>

Change to:

<ul class="medium-block-grid-5 text-center small-block-grid-3" data-equalizer>

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...