Border in Masonry visible in Chrome

Hi Rikard,

Thanks, but it doesn’t disappear.
I noticed that it does disappear when I deactivate the “Animation on load”. I guess it has something to do with that?

best regards,
Karin

hi Jordan,
That’s because I deactivated the “Animation on load” in the masonry settings. When it is activated the grey borders appear in Google Chrome.

I don’t mind to deactivate the “Animation on load”, but in case you want to see it, it’s on now :-)
(Currently the page is not added to the menu or linked to, so visitors will not see it yet.)

Thanks,
Karin

hi Jordan,
Unfortunately that doesn’t work either. For testing purposes I changed the color in your code from “none” to “ff0000” and as you will see the darkgreyborders are still there. When you hover over an item this border disappears and you will see in a tiny fraction some red (“ff0000”), so it is not the section that needs adjusting.
Again: it only occurs in Google Chrome and when the Masonry block has the option “Animation on load” activated.

thanks,
Karin

Hi Rikard,
I did several combinations:
I combined the first:
.avia-chrome .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
top: 1px !important;
}

with with one I received from Jordan:
.main_color .av-masonry-outerimage-container{
background-color:none!important;
}
But that didn’t work, and then I tried the last one without the first one, to no avail.
Currently these two CSS are added to the quick CSS:

.avia-chrome .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
top: 1px !important;
}
.main_color .av-masonry-outerimage-container {
background-color: transparent !important;
}

But as you see the grey border still persists.

UPDATE I just checked a similar page, but there the greyborder are not visible. I’ll check what’s different.

thanks,
Karin

• This reply was modified 5 years ago by karinorage.