Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 30, 2015 at 5:37 pm #437603
    biklops

    Hi all!

    You can see my gorgeous (well close) portfolio page for my website here: http://newklops.biklopsclients.com/work/ . As you can see it looks pretty much like you’d expect a masonry grid of items to look.

    However, on mobile browsers, weird white boxes appear behind the items like this:
    weird white box

    Any idea how to get rid of that box?

    May 1, 2015 at 8:28 pm #438264
    Elliott

    Hi biklops!

    Add this to your custom CSS.

    figcaption.av-inner-masonry-content { border: 0px !important; }

    Cheers!
    Elliott

    May 6, 2015 at 9:51 pm #440673
    biklops

    They’re still there I’m afraid. :/

    I’ve tried it in both mobile Chrome and Safari. Any other ideas?

    May 6, 2015 at 9:55 pm #440674
    biklops

    To help you, your code got rid of the cool border around the item name—which we like! What we don’t like is that the entire item has a big white background. :/

    May 7, 2015 at 8:20 pm #441197
    Elliott

    Hi!

    Try adding this to get rid of the white background.

    .av-masonry-entry, .av-masonry-entry * {
  background-color: transparent !important;
}

    Best regards,
    Elliott

    May 7, 2015 at 9:32 pm #441253
    biklops

    PERFECTO! Thank you!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘White boxes behind portfolio masonry grid items on mobile’ is closed to new replies.