Jump to content

Width of Latest Products


harleyridin67

Recommended Posts

Currently, the CSS rules limit the maximum width the content can be at 1000pixels.

Then, there is a style rule that configures the <ul> in #content_latest_products with a "block-grid". For medium and large screen widths, that grid is three columns across.

Therefore, for that maximum width, each panel ends up to be 226 pixels wide in a main content area of 720 pixels wide.

You can change the "block-grid" to show more columns.

The template to do that is content.homepage.php near line 21.

 

Link to comment
Share on other sites

The height of the panels is the CSS rule height: auto; meaning they will be as tall as they need to be.

Additionally, Foundation uses some javascript ('data-equalizer') to make sure each panel (actually, just the top, down to, not including the prices) is as tall as the tallest panel shown.

The image in each panel gets scaled to fit, but the font size and review stars (if any) does not.

The lettering in the panel is probably causing your consternation.

 

 

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...