Change search button in form.mini.phtml to normal button with text?

Question

I am using my own version of the magento 1.9 RWD theme and I want to edit the search at the top so instead of the default search icon there is a button that says 'search' that i can style by myself in CSS. Do I need to edit something in form.mini.phtml? Or how would I go about doing this?

Thanks

Answer 1

By default the RWD theme (I can see in Magento version 1.9.2.4) does style the search button with an icon.

If you re-enable the RWD theme temporarily on local copy of the site you should be able to see the CSS which it uses to style the button.

If you look in /skin/frontend/rwd/default/css/styles.css and at line 3687 you should some CSS for "#search_mini_form .search-button {...." and there is about lines of CSS which styles the button.