I found this at the bottom of the CSS for this theme
They’re codes for blue. Can you help me fix this so the buttons are gray? Also how do I put rounded corners in?
.wdform_button button {
background: #0E4D92;
cursor: pointer;
font-size: 17px;
border-radius: 4px;
min-width: 80px;
min-height: 27px;
color: #fff;
border: 2px solid #0E3F77;
margin: 5px;
box-shadow: 0px 0px 2px #c9c9c9;
font-family: Segoe UI;
}
.wdform_button button:active {
border: 2px solid #0B2D52;
background: #0E3F77;
}
Dear grannydj,
Please use the following code:
.wdform_button button {
background: #0E4D92 !important;
cursor: pointer;
font-size: 17px;
border-radius: 4px !important;
min-width: 80px;
min-height: 27px;
color: #fff;
border: 2px solid #0E3F77;
margin: 5px;
box-shadow: 0px 0px 2px #c9c9c9;
font-family: Segoe UI;
}
.wdform_button button:active {
border: 2px solid #0B2D52;
background: #0E3F77 !important;
}
!important is added to background color and border radius.
Thank you.
Hi thanks for getting back to me.
I tried your code above and the button is still blue. You can see it down by the Koupon Klipper. http://grannysclozet.com/?page_id=273
How do I make the button gray to match the other buttons? Thanks again.
Dear grannydj,
Please note, that the selected colors are blue. Please change them to gray, but keep the !important attribute.
Thank you.
Ah, ok, Thanks for the tip! Let me work my apprentice magic and see it I can get the mouse over shading right. All that -moz and linear gradient stuff is confusing to me.
Is .wdform_button button {} the only <div> I need to work with?
Dear grannydj,
Yes, that is the class.
Thank you.
Thanks bunches. I ended up changing the theme and it’s perfect now. But can you tell me how I can make the button smaller to match the other one on the page?
http://grannysclozet.com/services/
I don’t mean smaller, I just want the buttons to match. Thanks
Dear grannydj,
Unfortunately, the link is unavailable and we cannot suggest you the code without it. Please send a link, where you have both of the mentioned buttons.
Thank you.
Oops, sorry. The link should work now. I actually like your button better, any idea on how to change the theme buttons to look like yours?
Dear grannydj,
Please copy the button’s style code to your button’s css in your theme.
Thank you.
