Okay
  Public Ticket #2448331
Fancy Box shadow
Closed

Comments

  • jerryscheller started the conversation
    June 22, 2020 at 1:50am

    Hello,

    Is there css that would eliminate the dark shadow that appears on the fancy box "description on hover" style? I like the color that appears behind the text when you hover over it...but I don't want the photo to have the dark shadow on the bottom when there isn't a hover. 

    Also, is there a way for the hovered content to extend all the way, it looks like there is padding on the right side.

    I hope that makes sense, thanks! For reference I am using a fancy box several times on the page below the header.

    Thanks!

  •  2,979
    Andrew replied
    June 22, 2020 at 7:03am

    Hi there,

    Use the following custom css:

    .nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"]:before {
    background: transparent;
}
.nectar-fancy-box[data-style="hover_desc"] .hover-content {
    max-width: fit-content;
}

    Hope this helps.

  • jerryscheller replied
    June 22, 2020 at 12:39pm

    Thanks so much for the reply! What you sent worked for removing the background when a user hovers...but is there a way to remove the black shadow that is there before the user hovers? 

    Thanks!

  •  2,979
    Andrew replied
    June 22, 2020 at 6:15pm

    Hi there,

    The following css will remove:

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

    Thanks.

  • jerryscheller replied
    June 24, 2020 at 11:55pm

    awesome, that worked! thanks!