How do I change the background and font colour of my contact form?

  • Unknown's avatar
    evergreendazed · Member ·

    Hello everyone,

    Question #1:

    I tried to change the background & font colour of my contact form but noticed that the following CSS doesn’t work:

    .contact-form textarea, input[type="text"], input[type="email"] {
	width: 600px !important;
	background: #000000;
}

    How should I modify the code so that I can a) specify the font colour and background colour of all my text input fields? b) use an image as a background for the form?

    ————————–

    Question #2:

    Is there a way I can make my site tagline smaller so that “Photographer • Filmmaker • Writer” is not split into two lines on the left menu? I can make the font smaller by decreasing the size of the headings in the Customize panel under “Fonts”, but then that would apply to all my blog headings and I don’t want that… anything I can do?

    I’d really appreciate your help. Anyone knows? :) Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, for the background of the text boxes and the entered text color on the contact form fields, use the following (excuse my obnoxious red demo color). I also included the declaration for the form field borders just in case you wish to change those too.

    #main fieldset textarea, #main fieldset input[type="text"], #main fieldset input[type="email"], #main fieldset input[type="password"], #main form textarea, #main form input[type="text"], #main form input[type="email"], #main form input[type="password"] {
    background: #cc0000;
    border: 1px solid #e3e3e3;
    color: #FFFFFF;
}
  • Unknown's avatar
    evergreendazed · Member ·

    Thank you thesacredpath! It worked like a charm!!!! :D
    The red looks quite nice against my grey background, actually!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome, and I sort of thought so too. :)

  • The topic ‘How do I change the background and font colour of my contact form?’ is closed to new replies.