Topic: Contact Form 7 styling and submit button

Tagged: x

Author

Posts
October 22, 2016 at 9:53 pm #1226917

Jacqueline B
Participant

Hi,
Wasn’t sure which to choose whether it is X or Cornerstone.

My buttons are styled how I want them but the Send button is not picking up the same style as the other buttons. I want to increase the border as well as change the font size and weight. Also, I want to remove the shadow. I was successful with the other buttons but not this one.

I would also like to reduce the size of the text area to be 3 or 4 lines. It seems huge to me.

Any assistance you could give me would be greatly appreciated.
Jacqueline

October 22, 2016 at 9:54 pm #1226918

Jacqueline B
Participant

This reply has been marked as private.

October 23, 2016 at 1:15 am #1227008
Rue Nel
Moderator
Hello There,

Thanks for writing in! You have added this custom css:
```
a.x-btn {
  box-shadow: none !important;
  border-width: 3px !important;
  text-shadow: none !important;
  font-size: 26px !important;
  font-weight: bold;
  -webkit-box-shadow: none !important;
}
```
If you want to included the submit button, you need to update it and use this instead:
```
a.x-btn,
.wpcf7-submit {
  box-shadow: none !important;
  border-width: 3px !important;
  text-shadow: none !important;
  font-size: 26px !important;
  font-weight: bold;
  -webkit-box-shadow: none !important;
}
```
Hope this helps. Please let us know how it goes.
October 23, 2016 at 3:26 pm #1227522

Jacqueline B
Participant

YAY!!! Thanks so much for your help!

October 23, 2016 at 5:09 pm #1227574

Nico
Moderator

Happy to hear that.

Feel free to ask us again.

Thanks.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1226917 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>