Hi, me again!
Is there a way of having a CSS appleid on only one page?
There is 4 Masonry Galleries on this page (https://velosolutions.info/obstacles/) and they should all be displayed with the following code:
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 1px;
width: 1%;
height: 1%;
background: rgba(255,255,255,0.5);
}
How do I do this? If I just put it in the CSS window of enfold, it will apply to all Masonry Galleries on the website.
Many thanks from Switzerland!
Hey mirotck,
Please try this CSS:
.page-id-939 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
.page-id-939 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 1px;
width: 1%;
height: 1%;
background: rgba(255,255,255,0.5);
}
Best regards,
Rikard
Thanks a lot for your reply, but the code didn’t work for this time.
Do I need to add the page id number somewhere or do something additional?
Cheers
Miro
Hi Miro,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.page-id-939 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top.page-id-939 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 1px;
width: 1%;
height: 1%;
background: rgba(255,255,255,0.5);
}
If you need further assistance please let us know.
Best regards,
Victoria