[Resolved] CSS matters after upgrading to gp premium 1.5

Home Forums Support [Resolved] CSS matters after upgrading to gp premium 1.5

Home Forums Support CSS matters after upgrading to gp premium 1.5

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #420886
    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 http://www.distampa.com/wp-content/uploads/2017/11/GP_PREMIUM.jpg

    Can you help?
    Thanks

    #420929
    Tom
    Lead Developer
    Lead Developer

    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?

    #421201
    Daniele

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

    #421307
    Tom
    Lead Developer
    Lead Developer

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

    #421408
    Daniele

    No, unless you resize the page.

    #422118
    Tom
    Lead Developer
    Lead Developer

    Can you try this instead?:

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

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

    #422595
    Tom
    Lead Developer
    Lead Developer

    This should be the full code:

    .grid-sizer.grid-20,
    .masonry-post.grid-20 {
        width: 12.5%;
    }
    
    .masonry-post.grid-60 {
        width: 62.5%;
    }
    #422604
    Daniele

    You did it, as usual. ๐Ÿ˜€
    Thank you Tom!

    #422750
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.