Forums

Style the search button

Permalink
How can I swap the search button for an image? I can do it with a regular form but not with the concrete one.

This is probably a no brainer for most on here, so hopefully someone can easily help.

Cheers.
 
oliwarner replied on at Permalink Reply
oliwarner
They're div-span hybrids, hooked up via JS so that might explain why you're stumbling.

To override the style, I'd suggest overriding the relevant styles on the following rule:

div.ccm-button span, a.ccm-button-left span, a.ccm-button-right span, a.ccm-button span {
background:transparent url(../images/button_r.png) repeat-y scroll right top;
color:#535353;
display:block;
float:left;
font-size:11px;
height:12px;
margin-left:15px;
padding-bottom:15px;
padding-right:16px;
padding-top:11px;
white-space:nowrap;
}


Remember, you'll likely need to append !important to rules you change because the CMS stylesheet comes after your theme stylesheet so would otherwise override your overrides.
samuelbarney replied on at Permalink Reply
samuelbarney
Where do I past this code?
Tony replied on at Permalink Reply
Tony
in your theme's stylesheet. probably somewhere like c5root/themes/yourThemeName/main.css or c5root/themes/yourThemeName/css/styles.css (unless you're using the default style sheet)... oh, if you installed a theme via a package, then it could be c5root/packages/yourThemePackageName/themes/yourThemeName/etc.
zoinks replied on at Permalink Reply
Uh... why would the dashboard buttons be affected? It's quite comical that after much difficulty finally styling the submit buttons in login forms, etc. I now go into the dashboard and see that this sliding door technique has been applied to everything across the board using the same exact class names.

Hey C5 team, how about, oh I don't know, CHANGING THE @#%$ING CLASS NAMES for the dashboard buttons?! ccm-button class for login page buttons AND dashboard buttons? REALLY?