How can I change the portfolio front page thumbnail grid?

Author

Posts
April 8, 2018 at 6:59 pm #128666

leebu
Member

The grid images on the front page are wider than they should be and only two per row.

How can I change that grid to be 4 per row per your ‘The Grid’ options?

Do I have to create my front page by hand to accomplish this?

Thanks,
Lee

The blog I need help with is: (visible only to logged in users)

April 9, 2018 at 10:27 pm #128781

mkrdip
Theme Author

Hi Lee,

You have changed the theme to a different one, so I couldn’t see the issue. When you get to Creative Portfolio, let us know.

Cheers.

April 10, 2018 at 3:17 am #128790

leebu
Member

Original poster

I have switched back to Creative Portfolio and you can see there are 4 projects with huge covers. The covers also do not look very good.

April 10, 2018 at 4:21 am #128791

leebu
Member

Original poster

I created a couple of extra projects to see what would happen and how it is a 3×2 grid instead of a 2×2 grid. Is there a way choose a minimum cover count per row??

April 10, 2018 at 4:53 pm #128813
mkrdip
Theme Author
Hi Lee,

You would need CSS codes to fix the issue:
```
@media only screen and (min-width: 640px) {
    #front-page-portfolio .four:first-child:nth-last-child(4) {
        width: 33.333333333333%;
        width: -webkit-calc((100%/12)*4);
        width: calc((100%/12)*4);
    }
}
```
Which will force to have 3 column per row, which is max number of items for the front page in our theme.

Hope this helps.

Cheers.
April 10, 2018 at 5:02 pm #128817

leebu
Member

Original poster

Thanks!

During experimentation it looks like there is also a max of 6 covers on the front page. Is that changeable?

April 10, 2018 at 5:08 pm #128818

leebu
Member

Original poster

That CSS only changed the width on the first cover…

April 11, 2018 at 4:36 am #128847
mkrdip
Theme Author
Hi Lee,

During experimentation it looks like there is also a max of 6 covers on the front page. Is that changeable?

If you are a business plan user or self-hosted user, I can give you child theme to do that.

Instead of the previous CSS please use this:
```
@media only screen and (min-width: 640px) {
    #front-page-portfolio .four:first-child:nth-last-child(4)~.four, #front-page-portfolio .four:first-child:nth-last-child(4) {
        width: 33.333333333333%;
        width: -webkit-calc((100%/12)*4);
        width: calc((100%/12)*4);
    }
}
```
Cheers.
April 11, 2018 at 4:48 am #128848

leebu
Member

Original poster

Thanks. That CSS did the trick.

I don’t have a premium plan on wordpress.com and don’t really need the business plan at this point so I’ll work with 6 on the front page.

The topic ‘How can I change the portfolio front page thumbnail grid?’ is closed to new replies.

No items found.