Okay
  Public Ticket #2331250
Fancybox bacground gradient
Closed

Comments

  • oceanwerbung started the conversation
    March 18, 2020 at 4:51pm

    Hello,

    I have a big problem with FancyBox. Is there a way to disable gradient overlay WITHOUT hover? Gradient on hover i want to keep but i want to loose this dark gradient that is obstructing my images even when Im not hovering over the box.

  •  3,022
    Andrew replied
    March 18, 2020 at 5:27pm

    Hi there,

    Use the following custom css in Salient > General settings > CSS/Script related:

    .nectar-fancy-box[data-style="hover_desc"] .box-bg:before, .nectar-fancy-box[data-style="hover_desc"]:before {
    background: transparent;
}

    Hope this helps.

  • oceanwerbung replied
    March 19, 2020 at 9:02am

    This is exactly what i needed, thank you for your help!

  • oceanwerbung replied
    March 19, 2020 at 12:54pm

    One more question. Is it possible to make the "hover" gradient less visible? Like 50% more transparent?

  •  3,022
    Andrew replied
    March 19, 2020 at 1:12pm

    Hi there,

    The following css will do the trick.

    .nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"]:before{
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3) 100%);
}

    Thanks.