Support Center Visit Demo License manager Buy @ envato

Contact Form button color

ximeredsximereds
in Theme Options
Good Day,

I am trying to change the button color on the contact form for my contact page. I want the background color to be white. 
I am using this code, and I manage to change the hover color on it, but not the background color. 
Can you please check the code for me?

.page-id-280 #Footer { display: none !important; }
input.wpcf7-formcontrol.wpcf7-submit { color: #ffffff !important; bordercolor: #ffffff !important; } input.wpcf7-form-control.wpcf7-submit:hover { color: #fffff !important; background: #7BA738 !important; }

Thank you!

Comments

  • BryanBryan
    Hi,
    we suggest updating the theme to the newest version, we added color options for the contact form button in the theme options.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • ximeredsximereds
    This is what you added:
    Input, Select & Textarea
    Text color, Background, Border Color, Placeholder Color


  • ximeredsximereds
    Focus
    Text color, Background, Border color, Placeholder color
  • ximeredsximereds
    Where can I change the background color on the button???
  • BryanBryan
    Please send a link to this page so we can chceck the code.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • ximeredsximereds
    This post is public and my website is private and don't want to make it public. Can you just tell me how to change the background color? The theme options don't have an option to change the "background" color on the contact form button.  I gave you the code I'm using. What is wrong with this code?


    .page-id-280 #Footer { display: none !important; }
    input.wpcf7-formcontrol.wpcf7-submit { color: #ffffff !important; bordercolor: #ffffff !important; } input.wpcf7-form-control.wpcf7-submit:hover { color: #fffff !important; background: #7BA738 !important; }
  • BryanBryan
    The button background is changed with the color in theme options>colors>content>theme color
    if you want css, this is it: 
    input.wpcf7-form-control.wpcf7-submit {
    	background:red !important;
    }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • ximeredsximereds
    That option in theme options changes all buttons color, and I only want to change the contact form button, that's why I was asking for the code for that specific item...

    Thanks for the code, it worked!
Sign In or Register to comment.