Mistique Theme – Change contact forms colors, centre submit button.

  • Unknown's avatar
    aimeebourke · Member ·

    Hi,

    Could someone please help me with the code to change the colour of the text in the contact form.

    I would also like to change the colour of the submit button and place the submit button at the bottom centre of the form please :-)

    Thank you!

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

  • Unknown's avatar
    justpi · Member · 
    .contact-form label {
    color: #456789;
}
.contact-form textarea {
    width: 97%;
}
.contact-submit {
    text-align: center;
}
.entry input[type="submit"] {
    color: #456789;
}

    (Replace 456789 with the hexes for the colors you prefer.)

  • Unknown's avatar
    aimeebourke · Member ·

    That really looks great! Thanks!

    Could i also bother you again, and ask if i can change the background colour in the text field boxes to be a light faded blue colour please?

    Also is it possible to change the colour of the submit button itself, not just the text?

    Thanks! :-)

  • Unknown's avatar
    justpi · Member ·

    a) To perfect the previous suggestion, turn this: 

    .contact-form textarea {
width: 97%;
}

    to this: 

    .contact-form textarea {
width: 96% !important;
}

    b) To add a faded bg color to the text fields, add this: 

    .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    background-color: rgba(111, 133, 244, 0.15);
}

    (The numbers are just an example – you can change them).

    c) At the moment I can’t find how to change the color of the button. Thesacredpath certainly knows how.

  • Unknown's avatar
    justpi · Member ·

    Like I said,
    https://en.forums.wordpress.com/topic/contact-form-submit-button-color?replies=17

  • Unknown's avatar
    aimeebourke · Member ·

    Thanks justpi :) worked well!

    And yeah i saw that post :-) you were right he sure does!

    I’ll wait patiently for my turn, I’ve had you both busy all day lol :-)

  • The topic ‘Mistique Theme – Change contact forms colors, centre submit button.’ is closed to new replies.