Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi guys,
I use Fancy Boxes on a website that we are building. (Color Box Basic).
The clients wants us to change colors of the box.
Normal is #666 lighter
Hover is #999 darker
Standard is darker > lighter color, basically i would just need to swap this from light to dark.
I need to customize every one of these three boxes with different colors.
I tried to change this in CSS but did not succeed.
Could you please help me on this topic?
Cheers
Fabian
also i cannot give any of these boxes extra classes which would make things easier.
Hey Fabian,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-fancy-box[data-style="color_box_basic"]:hover .box-bg:before { opacity: 0.5 !important; } .nectar-fancy-box[data-style="color_box_basic"] .box-bg:before { background: #000 !important; }Thanks
ThemeNectar Support Team
this helped perfectly. thank you!