Hi, I want to set the same style as the default button (the one on the shortcode) for all the buttons in my site.
I need to set to the mailchimp and bbpress buttons.The ones that are in my footer.
I already tried this on my custome css
.mc4wp-form button {
color: white;
background: #ec4d4d !important;
border: none;
text-shadow: none;
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: normal;
font-size: 14px;
padding: 5px 12px 7px 12px !important;
margin-bottom: 4px;
}
Could you help me?
My site is http://www.cgdojo.mx
Thanks
Hi,
Use this css for mail button: http://screencast.com/t/TC3RWFtXUtD
.widget_mc4wp_widget .mc4wp-form input[type=submit] {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-image: none;
background: #4db2ec !important;
color: white;
border: none;
text-shadow: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 14px;
padding: 5px 12px 7px 12px !important;
margin-bottom: 4px;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.widget_mc4wp_widget .mc4wp-form input[type=submit]:hover {
text-shadow: none;
opacity: 0.8;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
And this for bbpress forum buttons: http://screencast.com/t/k8fa2iKakifx
#bbpress-forums .bbp-form button {
background: #4db2ec !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: white !important;
border: none;
text-shadow: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 14px;
padding: 5px 12px 7px 12px !important;
margin-bottom: 4px;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
#bbpress-forums .bbp-form button:hover {
text-shadow: none;
opacity: 0.8;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
Hope this helps!
Thanks
Thank you very much Lucian.
Which class do I have to add to affect the bbpress register button.
I have one login form in http://cgdojo.mx/inicio/ that display only when the user is not registered yet.
As you can see, the button still th old one.
Thanks you very much for your support
Hi,
Use this class: http://screencast.com/t/fgzlgfSia
.bbp-form .bbp-submit-wrapper button {
background: #4db2ec !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: white !important;
border: none;
text-shadow: none;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
font-size: 14px;
padding: 5px 12px 7px 12px !important;
margin-bottom: 4px;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.bbp-form .bbp-submit-wrapper:hover {
text-shadow: none;
opacity: 0.8;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
Thanks
