Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1360743
Change backgroud overlay
Closed

Comments

  • KeLoX started the conversation

    Hello,

    When you choose a "Portfolio slider" with Hover Type "Zooming white" and you hover over the portfolio item (see screenshot) you have a transparent blue background. I'd like to change this color but I don't see in the CSS where it is executed. 

    Could you please give me the CSS class to change the color?

    Many thanks

    Best 

  •  5,055
    Michael replied

    HI!

    pls. use following css:

    .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle {
         background: rgba(255,255,255,0.5) !important;
    }

     

  • KeLoX replied

    Hi,

    Please go to : https://www.kiyo-nutrition.com/produit/complement-alimentaire-curcuma/

    Actually the code you gave me changes the color of the "Circular Overlay" but not the "Zooming white" effect.

    I need the code change the "Zooming white" effect. Go on the URL I gave you and look at the bottom of the page, it is the effect I want to change.

    Many thanks

  •  5,055
    Michael replied

    pls. use following css:

    .hover-zooming-blur .portfolio-item:hover .image .overlay:before,
    .hover-zooming-blur .gallery-item:hover .overlay-wrap .overlay:before {
        background-color: rgba(163, 201, 226, 0.5) !important;
    }

     

  • KeLoX replied

    Spot on! Perfect, thank you Michael ;-)

  •  5,055
    Michael replied

    Have a nice day!