Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 9, 2017 at 2:31 pm #806073
    jonrouse

    Hi,

    I have a three column masonry grid on a black background and it’s almost as if the overlay doesn’t fit. It looks untidy.
    Please see attached link and screen grab.

    Is there some quick css to fix this?

    Thanks

    June 11, 2017 at 6:44 am #806468
    Rikard

    Hey jonrouse,

    I can’t see that problem when checking using Chrome, in what browser are you seeing that?

    Best regards,
    Rikard

    June 12, 2017 at 10:14 am #806800
    jonrouse

    Hey Rikard,

    I’m seeing it in Safari, and to a lesser extent Firefox,

    Cheers
    Jon

    June 12, 2017 at 1:20 pm #806871
    Rikard

    Hi Jon,

    Thanks for the feedback, I can’t see the problem in Safari either on my end using Safari/OSX. What is your setup in regards to screen size/OS/browser version?

    Best regards,
    Rikard

    June 12, 2017 at 1:24 pm #806874
    jonrouse

    I’m on a 27″ iMac running 10.8.5 and Safari 6.2.8 – not the most up to date setup, but I have noticed the same issue in Safari on my own personal machine at home, which is newer machine running the latest stuff.

    It’s not a huge problem, it just feels like a bit of a blemish on the site if you know what I mean.

    June 13, 2017 at 3:20 pm #807512
    Yigit

    Hi,

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1400px) {
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    width: 101%;
}}

    Best regards,
    Yigit

    June 13, 2017 at 5:53 pm #807591
    jonrouse

    Thanks Yigit,
    I tried that, but it doesn’t help.

    I was doing a little digging around and changing the Main Content Background Colour to black instead of white eliminated the problem temporarily.
    Sadly, I can’t keep it like this because it won’t work with the rest of the site.

    Thanks for getting back to me though,

    Cheers.

    June 14, 2017 at 2:06 pm #807983
    Yigit

    Hi,

    Please try changing the code to following one

    @media only screen and (min-width: 1400px) {
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    width: 102%!important;
    height: 102%!important;
}}

    Best regards,
    Yigit

    June 16, 2017 at 6:12 pm #809034
    jonrouse

    Thanks Yigit, all I’m getting is that it slightly increases the size of the text.

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