Hey Rita!
Thanks for writing in. That CSS ID can be used within your theme’s CSS file in order to customize the text and background colors of the button. Finding your WordPress theme’s CSS file and adding this to it, while changing the values for the colors, should do the trick:
#mc_signup_submit {
color: #000000;
background-color: #ffffff;
background-image: none;
border: 1px solid #d2d2d2;
}
There, color is used for text color and background-color is the color of the button itself. background-image is used to turn off the gradient that’s used by default instead of the stated background color and border can be modified to change the width, style, and color of the border of the button.
That should do the trick for you!
Gabe
Hey mc-gabe, I have copied the code above into my CSS child theme file yet I can not see the required changes?? Any suggesitons??
Here is what I have entered.
#mc_signup_submit {
background: none repeat scroll 0 0 #EC0606;
font-size: 32px;
margin-top: 1.5em;
width: 100%;
}
#mc_signup_submit .input {
color: #FFFFFF;
font-family: Arial,Helvetica,Tahoma,sans-serif;
text-align: left;
Where am I going wrong? I use firefox firebug… this changes to how I want it to look on screen, then I copy the rule declaration paste it into my Child theme css yet nothing happens??
HELP!
Lee.
Dear Gabe!
Thanx for your help! It DID WORK for me! Much nicer this way!
Thanks again 🙂
Take care,
R
Hey Rita! I’m glad that helped!
Lee, that code should work when placed directly in the css file for your theme, unless some CSS from elsewhere is overriding it.
Specifically:
http://yourwordpressinstall.com/path/wp-content/themes/yourtheme/style.css
That said, if you’d like we can take a look at your site itself for you. Because this thread has already been resolved, if you’d like us to take a look please feel free to start a new thread (with perhaps a link to this one) and the address of your website. We’ll be glad to at least take a look!
Thanks,
Gabe
Thanks Gabe, problem solved. Placed the code in the child theme CSS and then played with the settings until I stumbled across the align-centre for the whole widget box.
All sorted.
