Support » Plugin: Contact Form 7 » Color of submit-button

  • Resolved klajda



    I would like to change the color of submit button. Any ideas how to? Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.

    If you add a link to your CF7 form, others here may be able to offer more specific CSS advice.

    Thread Starter klajda


    Thanks, thats exactly what I was looking for. I just wanna ask, may I put it directly in CSS of plugin or I have to create child theme?

    Don’t make the changes in the CF7 plugin – they will be lost next time you update the plugin.

    Following are easier options to make CSS changes:

    Thread Starter klajda


    So I made my button ID = SUBMIT,

    #SUBMIT {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    #SUBMIT:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;

    It works now, just hope it won’t disappear after theme update.

    Thanks a lot.

    • This reply was modified 3 years, 9 months ago by klajda.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Color of submit-button’ is closed to new replies.