Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #1243006

    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

    #1244253

    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

    #1244405

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.