Smaller feature boxes

[Krisztian Hofstadter]

Hello Bill,
I wonder whether you could help.

On the smart phones I had a look the feature boxes remain a bit too big comparing to the page and the slides. Is there a way to make them smaller? I haves read in another post that it is possible to display more of these boxes on the front page… maybe 14 small ones (7 in each line for examples)?

Looking forward,
All the best,
Kris

[Bill Robbins]

Hello Kris,

Thank you for your business first of all. Great question too. You can change the number of items in the featured row and their size. Here’s how:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose page-home.php.
3. There are two spots here that you’ll need to change:

   
   posts_per_page=5
   

   in line 50 and

   
   posts_per_page' => '5'
   

   in line 75. In both of those change the 5 to the number of posts you’d like to have there.

4. Save your changes.
5. Then go to the Theme Options page and select the styling tab. Scroll down to the Custom CSS box and paste this:

   
   #features {
        margin-left: 1px;
   }
   
   .boxgrid { 
        width: 123px; 
        height: 123px;
        margin: 0 7px 14px;
   }
   		
   .boxcaption { 
        height: 123px;
   }
   
   @media only screen and (max-width: 480px) {
   	
        .boxgrid {
             width: 100px; 
             height: 100px;
             margin: 0 7px 14px;
        }
   
   }
   

6. Update your settings.

That should make the featured row have seven items per row and also make them smaller both on mobile and on the desktop too.

The scale does change between the slider and the featured row on mobile devices, especially smartphones held in portrait orientation. It’s one of the limitations of this approach to mobile design. You could make the featured items smaller, but 100 pixel square is pretty small, even on a phone. I wouldn’t suggest going much smaller that.

If you have any questions or trouble, let me know.

Thanks,
Bill

[Krisztian Hofstadter]

Hello Bill,

yes, the portrait look was my main concern. I went down to 80 for small devices.

Great support, thank you!

all the best,
Kris

[Bill Robbins]

I’m glad you found a size that works out well for you Kris. If you need anything else, just let me know.

Have a great weekend,
Bill

[Author]

Posts