How-to: Change Sidebar Search Button color?

To change the color of the Search button in the Sidebar, add one of the following codes for your choice of color to the Custom CSS area in Site Options > Styling Options: IMPORTANT: make sure to remove localhost:8888 and add your website’s URL to properly call the button image AUTUMN:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-autumn/bg-footer.jpg) 0 38px !important;} #sidebar #searchsubmit {border:1px solid #651604 !important;}

DARK:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-dark/bg-footer.jpg) 0 38px !important;} #sidebar #searchsubmit {border:1px solid #0F0F10 !important;}

BLUE-GREY:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-blue-grey/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #2E2D3D !important;}

CHERRY:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-cherry/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #670600 !important;}

COFFEE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-coffee/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #28211B !important;}

COOL-BLUE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-cool-blue/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #003869 !important;}

FIRE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-fire/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #DB3C01 !important;}

FOREST-GREEN:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-forest-green/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #354515 !important;}

GOLDEN:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-golden/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #80570C !important;}

GREY:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-grey/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #2A3139 !important;}

LIME-GREEN:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-lime-green/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #638400 !important;}

PERIWINKLE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-periwinkle/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #4C1268 !important;}

PINK:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-pink/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit{border:1px solid #6D1E49 !important;}

PURPLE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-purple/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #371022 !important;}

ROYAL-BLUE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-royal-blue/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #182947 !important;}

SILVER:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-silver/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #9C9C9C !important;}

SKY-BLUE:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-sky-blue/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #0078AF !important;}

TEAL:

#sidebar #searchsubmit{background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-teal/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #0D4E54 !important;}

TEAL-GREY:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-teal-grey/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #19292E !important;}

VIOLET:

#sidebar #searchsubmit {background:url(http://localhost:8888/wp-content/themes/Karma/images/karma-violet/bg-footer.jpg) 0 38px transparent !important;} #sidebar #searchsubmit {border:1px solid #3E1965 !important;}

You may also change the color of the button’s font. To do so, add the following code:

#sidebar #searchsubmit {color:#FFF !important;}

Change the color code as needed.