Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #936679

    Hi again,

    When you hover over the items within the Masonry gallery I have the background changing to blue. Could someone please assist with adjusting the opacity on this blue background overlay? I would like to set it to .6 opacity.

    Thank you guys so much.

    #936988

    Hey bobfurgo,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-masonry-entry .av-inner-masonry-content {
        background: rgba(0, 171, 239, .6)!important;
    }
    

    Best regards,
    Vinay

    #937005

    Thanks for getting back! It didn’t work unfortunately :(

    #937577

    Hi bobfurgo,

    The code Vinnay gave you works, but it is overridden by the code you have in your child theme styles.css
    Image 2018-04-05 at 16.40.06.png

    If you remove that code the opacity rule kicks in.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #937959

    Thank you so much Victoria!

    One more thing, on the hover is there is a margin on the top, right and left hand side. Is there a way to remove these margins so that when you hover, the blue covers the entire thumbnail? Thank you!

    #938158

    Hi,

    Try adding this css code in Quick CSS:

    #top .av-masonry-entry .av-inner-masonry-content:hover {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    Hope it helps :)

    Best regards,
    Nikko

    #938307

    You are wonderful, thank you kindly!

    #938548

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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