Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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 

  •  4,774
    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

  •  4,774
    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 ;-)

  •  4,774
    Michael replied

    Have a nice day!