[Resolved] CSS matters after upgrading to gp premium 1.5

[Daniele]

Hey Tom,
got two prob, one big-one small.

The big one: I was used, on this website, to show in the homepage 8 column with mosaic style. To make this I was using – through simple css – this code:

/*.masonry .masonry-post, 
.masonry .grid-sizer {
    width: 12.5%;
}

.masonry .grid-sizer.width4, 
.masonry .masonry-post.width4 {
    width: 50%;
}*/

Now I can set just up to 5 columns instead of 8. How can I make 8 columns again?

The Small one is about a weird space line popped up right after the update: please look at this

Can you help?
Thanks

[Tom]

Hi there,

Masonry got a major update in this version – sorry about the changes.

Was that all of your custom CSS? If so, this should do it:

.masonry .grid-sizer.grid-20,
.masonry-post.grid-20 {
    width: 12.5%;
}

I’m not seeing any weird space?

[Daniele]

HI Tom,
seems not working fine, as the featured post doesn’t fit well (please check the home of http://www.distampa.com).

[Tom]

Do the 8 columns work if you disable the featured post?

[Daniele]

No, unless you resize the page.

[Tom]

Can you try this instead?:

.grid-sizer.grid-20,
.masonry-post.grid-20 {
    width: 12.5%;
}

[Daniele]

It works, but without the featured post…With the featured post activated, it occupies more than 5 columns.
You can check it here

[Tom]

This should be the full code:

.grid-sizer.grid-20,
.masonry-post.grid-20 {
    width: 12.5%;
}

.masonry-post.grid-60 {
    width: 62.5%;
}

[Daniele]

You did it, as usual. 😀
Thank you Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts