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?
Hey 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,
Mike
Hi 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
Isabel
Hi 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_icon
I could see the codes above it working but not the codes below it.
Hope this helps.
Best regards,
Nikko
Ah! Thanks so much, I thought I was going crazy. This solved a lot of other issues too. Really appreciate your help.
Hi,
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