Okay
  Public Ticket #1670440
No option to change content/font color
Closed

Comments

  • Mach started the conversation
    August 8, 2018 at 2:20pm

    Hi, it's me again.

    I'm setting fancy boxes, but specifically the "Bottom Bar Hover Effect" type of fancy bar, see attachment 1.

    I don't have an option in the visual composer to change the colour of the content. I like the content to be black and the icon to be one of my accent colours.

    See attachment 2: The white text on the light green, those are all fancy boxes.  The font needs to be dark, it's currently white.

    Can you provide the CSS to do this plz?

    Thank you.

  •  9,079
    Tahir replied
    August 8, 2018 at 6:09pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar-fancy-box .inner {
    color: #000 !important;
}
.nectar-fancy-box .link-text .arrow:after, .nectar-fancy-box[data-style="parallax_hover"] .inner > span.arrow:after{
    background-color:#000 !important;
}
.nectar-fancy-box[data-style="default"] .inner *, .nectar-fancy-box[data-style="parallax_hover"] .inner * {
    color: #000 !important;
}
.nectar-fancy-box .link-text {
    color: #000 !important;
}
.nectar-fancy-box .link-text .arrow:before, .nectar-fancy-box[data-style="parallax_hover"] .inner > span.arrow:before {
    color: #000 !important;
}
.nectar-fancy-box .link-text .arrow, .nectar-fancy-box[data-style="parallax_hover"] .inner > span.arrow {
    border-color: rgba(0, 0, 0, 0.55) !important;
}
.nectar-fancy-box[data-style="default"] .inner > i[data-color*="color"] {
    color: #ff5e5b !important;
}

    Thanks

    ThemeNectar Support Team