How to customize the search button

[delight]

Hi, I would like to customize the appearance of the search-button (change text, color, …)

Can anybody help me with this?

Thank you!

[admin]

Please share a link to the page where you have the button. We will be able to inspect it and tell you the custom CSS you should use to customize it.

[delight]

Hi, this is the page where I’m using the button and search field:

[http://www.delight-grafik.at/picshop/]

thanks!

[admin]

The following example custom CSS shows you how you can customize the appearance of the photo search button.

.wps_photo_search_submit input {

color: blue;

font-size: 20px;

}

You can enter the custom CSS in the following interface:

Appearance -> Customize -> Additional CSS

The actual text of the button can be customized via the translation file. So you will need to create a translation for your language. In the translation file you can customize the text to whatever you want to say on your site.

[Cathy]

Your reply to the query above sounds like it might solve an issue for me. I want to change the text on the search button from “Search” to “Enter Your Code.” Where do I locate the translation file? Thanks.

[wzp]

The text is hard coded in the models/WPSCommon.php file. Look for the form that uses the input class “wps_photo_do_search” and change the text value from “Search” to whatever you want.

[Author]

Posts