-
AuthorPosts
-
September 2, 2020 at 8:15 am #1242703
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!
September 3, 2020 at 7:12 am #1243006Hey 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,
RikardSeptember 8, 2020 at 11:16 am #1244253Thanks 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
September 8, 2020 at 7:24 pm #1244405Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
