-
AuthorPosts
-
January 9, 2015 at 6:00 pm #377491
Hi
my contact form is almost ready, just want to change the color of the input text.
Unfortunately tips from other topics haven’t worked out.
How can I customize the font color of the input text in all the input fields, including the message field?
And related: how to customize the color of the asterixes near labels from Required fields?thx!
- This topic was modified 9 years, 10 months ago by derustzelve.
January 9, 2015 at 10:39 pm #377628Hi derustzelve!
Add this to your custom CSS.
label .required { color: red !important; } .avia_ajax_form input, .avia_ajax_form textarea { color: red !important; }
Cheers!
ElliottJanuary 9, 2015 at 11:26 pm #377640did so, but no luck.
the asterixes stay the same color and so does the text.other ideas?
January 11, 2015 at 6:09 am #377929Hi!
Use this:
#top .header_color input[type='text'] { color: blue !important; } #top .header_color textarea { color: blue !important; }
This is for the asterisk:
.header_color .required { color: pink !important; }
Regards,
IsmaelJanuary 11, 2015 at 9:22 pm #378037I was about to write you:
hmm, for some reason the colors won’t budge, they stay the same as they were..
I copy the suggested code to the bottom of my Simple Custom CSS and Update, but this does not do the trick.
What i find strange is that when I first tried changing the color of the asterixes it worked straight away but then after a while the custom colors regained supremacy. When it worked I just used
.required {
color: #f5891c !important;
}–> But then it dawned on me that I created the following custom class for the customization of the Submit-button : gb_specific_contactform
and had this class in my CSS as well, like this:
.gb_specific_contactform input[type=”submit”]{
background-color:#f5891c !important;
color: #ffffff !important;
border-color: #f5891c !important;What I now did was changing the sequence of the two ‘snippets’: I put the custom class underneath the code for asterix and input text and suddenly the colors of asterix and input text do respond to the code commands!
So problem solved, thx.
- This reply was modified 9 years, 10 months ago by derustzelve. Reason: clarification purposes
-
AuthorPosts
- The topic ‘Change font color of text in contact form’ is closed to new replies.