Okay
  Public Ticket #2813410
Fancy Box Overlay
Closed

Comments

  •  3
    yannis started the conversation
    June 28, 2021 at 5:24pm

    Hello

    my web is under construction so u can see it, but I would like to know how to bring down the overlay color on the fancy box. I have tried some CSS but it does not work.

    Just want to bring down the transparency of the top layer of the color overlay.  See attached 

    Thank you 

  •  1,878
    Judith replied
    June 28, 2021 at 5:37pm

    Hi Yannis,

    Thanks for contacting us.

    We will have to use css to adjust this. Please send in your admin login credentials so that we can look into this further.

    Thanks.

  •  3
    yannis replied
    June 28, 2021 at 5:48pm

    Hi Judith 

    can you not just send me the css...?  it is the fancy box I sent in a screen shot so it will be the same for all! 

    Thank you



  •  1,878
    Judith replied
    June 28, 2021 at 5:55pm

    Hi Yannis,

    Please try adjusting from here:

    9335294706.png

    Thanks.

  •  3
    yannis replied
    June 28, 2021 at 5:56pm

    This is the first thing I tried... and does not work! :-( 



  •  1,878
    Judith replied
    June 28, 2021 at 6:04pm

    Hi Yannis,

    Please try this css:

    .nectar-fancy-box:hover .box-bg:after {
        background-color: rgb(51 51 51 / 0%);
    }

    Thanks.

  •  3
    yannis replied
    June 28, 2021 at 6:23pm

    This has worked for me:


    .nectar-fancy-box .box-bg:after {
        background-color: rgb(0, 0, 0, 0.2);
    }


    Thank you!