-
AuthorPosts
-
March 11, 2015 at 5:33 am #224942
stevefox78ParticipantHi,
I’ve created a contact form using the Contact Form 7 plug in but the button is using the same colour as else where in the site which in this location results in a white on white button. I’ve searched for how to do this and found various instructions about writing css but I’m not a css expert and the instructions don’t seem to fit with the WP/Customeriser interfaces and as a result I haven’t found a way of fixing this yet.
I’d like to be able to set the colour for the button normally as well as the hover colour.
The URL for the relevant page is http://freshstance.co.uk/about-freshstance/
All help appreciated!!
Thanks
March 11, 2015 at 7:58 am #225020
ChristopherModeratorHi there,
Please add the following CSS under Customize -> Custom -> CSS :
input.wpcf7-form-control.wpcf7-submit:hover { background-color: black; color: yellow; } input.wpcf7-form-control.wpcf7-submit { background-color: red; color: blue; }Hope it helps.
March 11, 2015 at 1:13 pm #225254
stevefox78ParticipantThat’s great thanks, definitely gave me most of what I wanted.
I also used the following to change the colour of the outer ring on the button.
border-color: #9A989E;
Thanks for your help.
March 11, 2015 at 2:46 pm #225319
Nabeel AModeratorGlad we could help 🙂
Cheers!
December 15, 2015 at 6:43 pm #708305
IceeyezParticipantGreat this still worked, Thank you Themeco!
December 15, 2015 at 9:09 pm #708404
Prasant RaiModeratorYou are most welcome. 🙂
April 17, 2016 at 5:30 am #886632
jimenagordillo@hotmail.comParticipantThanks!!!!!!!! Saved me a lot of time
April 17, 2016 at 7:02 pm #887250
ChristianModeratorYou’re welcome. Glad we could help. 🙂
May 28, 2016 at 11:09 am #1014450
ajaguilarParticipantHi there
I know that this thread is a bit old but I used this one to change the color – so thanks!
But, I’d like to know how to stretch the “submit” button so it lines up with the same width the fields have.
May 28, 2016 at 12:56 pm #1014514
ThaiModeratorMay 29, 2016 at 8:16 am #1015202
ajaguilarParticipanthttp://www.rudolphdefense.com/
– completely forgot to add that on that last post (my bad)
May 29, 2016 at 8:32 am #1015224
ChristopherModeratorHi there,
Please add this code :
input.wpcf7-form-control.wpcf7-submit { width: 100%; }Hope it helps.
May 29, 2016 at 11:45 am #1015359
ajaguilarParticipantIt worked!
Thank you!!!! 😀
May 29, 2016 at 12:00 pm #1015368
ThaiModeratorGlad it worked 🙂
If you need anything else please let us know.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-224942 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
