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):
Those are just warnings. You don't have to worry about. Important gives that snippet precedence of the former. Just use the code as it is and let us know if it works.
Hi,
How do you edit the colour of the text on the contact form?
Many thanks,
Julie
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):
body[data-form-style="minimal"] .minimal-form-input label span.text .text-inner { color: #424242 !important; }Thanks
ThemeNectar Support Team
Hi.
When I use the code it shows 2 errors (yellow triangles).
1st: “Element (span.text) is overqualified. Use just .text without element name”
However, when removing 'span', it doesn't;t work.
2nd: "Use of !important"
How safe is it to use '!important' in custom CSS? Wouldn't the use of !important create issues down the road?
Thank you
Hey there,
Thanks for reaching in,
Those are just warnings. You don't have to worry about. Important gives that snippet precedence of the former. Just use the code as it is and let us know if it works.
Regards