Okay
  Public Ticket #3490578
boxgrid CSS
Closed

Comments

  •  3
    Ganeish started the conversation

    Hello, 
    I'm trying to lighten the veil that appears on the hover image because I find it too dark. I've corrected the CSS but when I apply it, there's no difference at all between hover and normal mode. 
    Could you please help me? 
    Thank you for your help.

  •  877
    Zhivko replied

    Hi,

    Try following css:

    .stec-boxgrid-event:hover .stec-boxgrid-event-background-image:after {
        background: rgba(0,0,0,0) !important;
    }
    7157201272.png



    Stachethemes Developer

  •  3
    Ganeish replied

    Thank you for your answer, but I would like the opposite result. That is, almost no haze at the origin and a slight darker haze when the mouse passes over the image. 
    I'm looking but can't find a solution.
    Thanks for your help. 

  •  877
    Zhivko replied
    .stec-boxgrid-event .stec-boxgrid-event-background-image:after {
        background: rgba(0,0,0,0.1) !important;
    } .stec-boxgrid-event:hover .stec-boxgrid-event-background-image:after {
        background: rgba(0,0,0,0.3) !important;
    }

    This will haze the image 10% and 30% on hover.


    Stachethemes Developer

  •  3
    Ganeish replied

    Perfect. 

    Thank you very much. 

  •  877
    Zhivko replied

    You're welcome.


    Stachethemes Developer