harleyridin67 Posted April 30, 2021 Share Posted April 30, 2021 I am using v 6.2.9. On my Home screen there is the Latest Products shown at the bottom. Right now it is only showing 3 products per line. How do I make it show more than that. Link to comment Share on other sites More sharing options...
bsmither Posted April 30, 2021 Share Posted April 30, 2021 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 More sharing options...
harleyridin67 Posted April 30, 2021 Author Share Posted April 30, 2021 Thanks for the help. I now have 5 in each row but they are tall and skinny. How to I reduce the height of each box containing the product? Harlryrinid67 Link to comment Share on other sites More sharing options...
bsmither Posted April 30, 2021 Share Posted April 30, 2021 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 More sharing options...
harleyridin67 Posted April 30, 2021 Author Share Posted April 30, 2021 Thanks again. I resized my images and now the height looks good. Once again, thanks Harleyridin67 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.