Featured Items homepage block

[Joseph Jaramillo]

Hi, I need to change the featured items homepage block so that the four products in the Front Page category show up in one row. Currently they’re showing up in two rows. Thanks!

Attachments:

1. 

   Google-Chromesnapz023.jpg
   

[Bill Robbins]

Joseph,

You can do that. Here’s how I would go about it:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (min-width: 1201px) {
   
        .home-product-block li {
             width: 262px;
             margin-right: 30px;
        }
   	
        .home-product-block li:nth-child(3n + 4) {
             margin-right: 0px;
        }
   	
        .home-product-block li:nth-child(3n + 3) {
             margin-left: 0px;
        }
   
   }
   
   @media only screen and (min-width: 1024px) and (max-width: 1200px) {
   
        .home-product-block li {
             width: 217px;
             margin-right: 30px;
        }
   	
        .home-product-block li:nth-child(3n + 4) {
             margin-right: 0px;
        }
   	
        .home-product-block li:nth-child(3n + 3) {
             margin-left: 0px;
        }
   
   }
   

3. Update your settings.

If you run into any questions or trouble, just let me know.

Thanks,
Bill

[Author]

Posts