-
Posts
-
Hi Guys,
I am trying to change the font colour for a particular form on a number of pages only on my site. I tried the following code but it didn’t work for me:
.page-id-4394, .page-id-4397 .nf-field-label {
color: white!important;
}So I had to use this code by placing the pages on separate lines:
.page-id-4394 .nf-field-label {
color: white!important;
}
.page-id-4397 .nf-field-label {
color: white!important;
}
Is there a better [shorter] option as I will have possibly 20 pages to do from a 100 page site?
Cheers…
Kevin.Hi Kevin,
You can make use of Custom CSS Class field.
Add a class name to a container that contains the label (example Color Section, 1/1 Column, etc).
You should see this option in every element in Advanced (tab) > Developer Settings > Custom CSS Class.
The class name can be anything, for example you’ll put white-label, in Quick CSS, you can just use this code:.white-label .nf-field-label { color: white !important; }Hope this helps.
Best regards,
NikkoHi Nikko
Thanks for your help – it worked in part only.
Here is the page I tested it on [below] and it does change the main fields but not ALL the text colour on the form – which I need to be in white.
Can you have another look and advise if ALL the font colour on the form can be changed to white?Cheers.
Kevin.Hi Nikko
I have left the original form in there on the left to compare the two. This site is a test site so don’t mind the recaptcha issue.
I am happy with the main fields being in white but is it possible to have the form title in white also? [ENQUIRY FORM :: COMMERCIAL]?
This would suffice for me…
BTW – I will be changing the form background colour to a purple to enable the white text to stand out.
Cheers.
Kevin.
- You must be logged in to reply to this topic.