-
AuthorPosts
-
May 2, 2021 at 5:44 pm #1297800
I am trying to remove the grey caption style overlay from the masonry grid. I have tried adding this code:
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: none!important;
}It doesn’t seem to work. Can you help?
May 2, 2021 at 8:21 pm #1297805Hey Isabel,
Thanks for the link to your site and the css you are trying, your css works for me when I inject it via the browser, but I don’t find it being applied from your site. When I check your child theme stylesheet I see that you didn’t add the !important; as displayed in your code snippet above, please try adding it or add another ID after #top so your css with have priority.

Best regards,
MikeMay 3, 2021 at 5:10 pm #1298066Hi Mike
Thanks for your quick response. This is my new code:#top #case-study-grid .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: none!important;
}
It still isn’t working :( No idea what’s wrong.
I hope you can help.
Thanks
IsabelMay 4, 2021 at 5:32 am #1298148Hi Isabel,
The code you posted is working properly when added via Web Inspector however, it is not fetched.
I have checked your child theme’s style.css and this code block is unclosed (line 118):.main_color .avia-icon-list .iconlist_iconI could see the codes above it working but not the codes below it.
Hope this helps.Best regards,
NikkoMay 4, 2021 at 2:52 pm #1298292Ah! Thanks so much, I thought I was going crazy. This solved a lot of other issues too. Really appreciate your help.
May 4, 2021 at 2:55 pm #1298295Hi,
Glad Nikko and Mike could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit -
AuthorPosts
- The topic ‘Masonry Grid – remove caption overlay’ is closed to new replies.
