You've targeted the input with the .button class in the .gform_footer okay so that's working. The issue is that the previous/next buttons aren't a child of that same div so they're not inheriting the styles. They're sad.
You can replace the button styles starting at line 1210 of your theme's style.css file with the rules below. That should get you rolling.
#submit,
.searchsubmit,
.enews #subbutton,
body .gform_footer input.button,
body .gform_page_footer input.button,
.reply a,
.reply a:visited {
background: #AB683B !important;
color: #FFF!important;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: normal !important;
text-decoration: none;
text-shadow: #333333 1px 1px;
text-transform: uppercase;
margin: 0;
padding: 3px 5px 3px 5px !important;
border: 1px solid #AB683B;
}
#submit:hover,
.searchsubmit:hover,
.enews #subbutton:hover,
body .gform_footer input.button:hover,
body .gform_page_footer input.button:hover,
.reply a:hover {
background: #5C6842 !important;
border: 1px solid #5C6842;
}
Let us know how it goes.
Posted 14 years ago on Tuesday December 7, 2010 |
Permalink