Contact Form: Modify Send Button With CSS

• 

  raphaelledergerber · Member · February 15, 2016 at 8:51 am

  • Copy link
  • Add topic to favorites

  Dear all,

  I would like to modify the “send button” of the contact form (e.g. http://ledergerber-partner.ch/kontakt).

  How to chance there with CSS: font size, font color, background color and make it non-capitalized?

  Thanks,
  Raphael

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

• 

  tarasdashkevych · Theme Author · February 15, 2016 at 5:28 pm

  • Copy link

  Hello Raphael,

  You can use the same css that I’ve showed you in the previous post ( @ https://premium-themes.forums.wordpress.com/topic/call-to-action-buttons?replies=7 ) but just change the button classes:

  .contact-form input[type="submit"] {
  
  }

  So, this css will affect all contact forms. If you want to change it only for the specific page then use an unique page class ( more info @ https://premium-themes.forums.wordpress.com/topic/remove-menus-from-a-single-page?replies=4#post-86415 ):

  .page-id-160 .contact-form input[type="submit"] {
  
  }

  Thanks,
  Taras

• 

  raphaelledergerber · Member · February 16, 2016 at 7:26 am

  • Copy link

  Great! Thank you so much, Taras!

• 

  tarasdashkevych · Theme Author · February 16, 2016 at 5:09 pm

  • Copy link

  I’m glad I was able to help you :)