Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 30, 2016 at 6:16 pm #640518
    stakavainio

    Hi,

    I like to use masonry gallery with titles. Titles shows fine but I didn’t have any success to reduce overlay color (black) opacity. I tried many quick css codes that I found with Google but something keeps opacity same.

    Could you give me quick css to reduce overlay color opacity or remove it. But title should shown there all the time.

    May 30, 2016 at 6:35 pm #640521
    Jordan

    Hey stakavainio,

    Thanks for getting in touch with us!

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username.

    Best regards,
    Jordan

    May 30, 2016 at 7:16 pm #640535
    stakavainio

    Here you go.

    Thanks, Sauli

    May 30, 2016 at 8:40 pm #640558
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.15);
}

    0,0,0 is RGB value of the color and 0.15 is opacity level

    Regards,
    Yigit

    January 11, 2017 at 11:20 am #731975
    Tallnick

    Hi
    I’m trying to use this solution but it won’t work – all I’d like to do is to change the colour and opacity of the overlay for masonry in its pre-hover state. By default it’s white. I’m trying to trace the CSS but it seems the opacity is under one rule and the colour under another?

    January 12, 2017 at 4:32 am #732430
    Rikard

    Hi @Tallnick,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 13, 2017 at 11:17 am #733066
    Tallnick

    Thanks, Rikard

    January 17, 2017 at 1:52 pm #734698
    Andy

    Hi,

    stick to one question only in one ticket and feel free to open another one for a different question.

    Use this code inside Quick CSS field:

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}

    Best regards,
    Andy

    January 17, 2017 at 1:57 pm #734700
    Tallnick

    Thanks, Andy – is it the color or background color that needs to be changed? Hex or RGB?

    January 18, 2017 at 6:43 pm #735474
    Andy

    Hi,

    for background color use this code:

    .av-caption-image-overlay-bg {
background-color: #da0000 !important;
}

    Best regards,
    Andy

    January 18, 2017 at 7:02 pm #735478
    Tallnick

    Thanks, but I’m afraid that didn’t work?

    January 18, 2017 at 11:43 pm #735614
    Andy

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

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