Hey guys! So I'm trying to target a CTA down arrow to change the CSS color from white to black, but I'm a bit stumped here. I've tried adding an extra class to the CTA and targeting that class with a color of black and an !important tag, but no luck. I've also gone into the dev tools to find the exact overall CSS selector, but this doesn't work either (I think because the CSS already has an !important tag with the color white).
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):
Hey guys! So I'm trying to target a CTA down arrow to change the CSS color from white to black, but I'm a bit stumped here. I've tried adding an extra class to the CTA and targeting that class with a color of black and an !important tag, but no luck. I've also gone into the dev tools to find the exact overall CSS selector, but this doesn't work either (I think because the CSS already has an !important tag with the color white).
I can see that the arrow and the border are separate. I'd appreciate your help with this, thank you in advance!
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
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-cta .link_wrap { position: relative; top: -4px; }Thanks
ThemeNectar Support Team