Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 9, 2015 at 6:00 pm #377491
    derustzelve

    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 #377628
    Elliott

    Hi derustzelve!

    Add this to your custom CSS.

    label .required { color: red !important; }
.avia_ajax_form input, .avia_ajax_form textarea { color: red !important; }

    Cheers!
    Elliott

    January 9, 2015 at 11:26 pm #377640
    derustzelve

    did so, but no luck.
    the asterixes stay the same color and so does the text.

    other ideas?

    January 11, 2015 at 6:09 am #377929
    Ismael

    Hi!

    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,
    Ismael

    January 11, 2015 at 9:22 pm #378037
    derustzelve

    I 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
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change font color of text in contact form’ is closed to new replies.