I have been trying to add my own css to override salient css so that my form fields have borders but non of it works even when I add !important to css. In general I have noticed that my css isn't overriding salient css on several of my sites since upgrading to v8.
The css is working when added to the live browser: http://prntscr.com/g2wv7b . Try rebuilding the minification cache after adding the css snippet . Also make sure there is no red cross in the custom css box .
I have been trying to add my own css to override salient css so that my form fields have borders but non of it works even when I add !important to css. In general I have noticed that my css isn't overriding salient css on several of my sites since upgrading to v8.
Hey Hasan,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
body[data-form-style="minimal"] input.ninja-forms-field { border: 1px solid #027ec4 !important; }Thanks
ThemeNectar Support Team
Thanks! Worked great.
Hasan
Hi Tahir,
Having this same issue with another site. I tried that code snippet but it isn't helping.
This page is where the issue is:
https://apexdesign.company/start-a-site-build/
Hey Again,
The css is working when added to the live browser: http://prntscr.com/g2wv7b . Try rebuilding the minification cache after adding the css snippet . Also make sure there is no red cross in the custom css box .
Be.st
ThemeNectar Support Team