It looks like your theme might have a custom css option somewhere in the themes general options. If it does, you can try adding this to the custom css area and see if it works.
input, textarea {border:none;}
[edit] try this instead
#header_right input, textarea {border:none;}
We shall evict it (legally) this way:
Add this to the bottom of your theme’s stylesheet:
input, textarea {
border:none !important;
}
@solidgoldstudios
Just a quick footnote on this one: if you try @seacoast Web Design’s suggestion, or the first suggestion I made for that matter, you will undoubtedly discover at some point that it also removes the border around the search box input area at the very top of your page (outside of the #header_right div) causing the magnifying glass search image to overflow and making it appear too large for the input area.
You really should make any changes to your css by using the custom css area in your theme options, rather than editing the file directly. The place to do that with the Stylish Church Theme is by going to Dashboard > Theme Options > General Settings > scroll down to “Custom CSS” , enter your modifications in the area provided and click the “save all changes” button. Of course you can still edit the file manually if you like, but it isn’t necessary with that particular theme.
Good luck to you, and I hope you get the search box fixed without too much trouble!
Thanks guys!
I fixed it all. Now can someone teach me how to make the donate button glow on hover?
M
(@metacomcreative)
The hover effect that you are looking for can also be achieved with CSS. Just a heads up, this forum is intended for WordPress related questions, and not general CSS 😉
But with that said, you should be able to get the glow effect using the box-shadow property on the elements:hover state. You could use CSS transitions to make the glow appear smoothly.
Also, if you are editing CSS for your theme, you should be doing so using a child theme, or a Custom CSS plugin. Otherwise your changes will be overwritten when you update the theme.
Reference:
- Box-Shadow: https://developer.mozilla.org/en-US/docs/CSS/box-shadow
- CSS Transitions: https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions
- Child Themes: http://codex.wordpress.org/Child_Themes
- JetPack’s Custom CSS module: http://jetpack.me/support/custom-css/
