How can i change my search bar icon to a label

hello i want to change my search bar icon to a label text like :SEARCH” i couldn’t find this option in header builder and then editing the search widget please help.
sample site is : https://milspecretail.com/

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.searchform .searchsubmit {
    font-size: 14px;
	width: 70px;
}

.searchform .searchsubmit:after {
content: none;
}

.wd-search-cat {
    margin-right: 20px;
}

Regards.
Xtemos Studios

this is how it looks https://weaponsworld.com/

it doesnt have spacing equally on each side like the sample site i gave above

Hello,

Please disable the maintenance mode to check it myself and help you out accordingly.

Regards.
Xtemos Studios

mode disabled

and also how can i change the placeholder text color of the search bar to #636363

Hello,

Your issue has been Resolved. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/81b43a9dc8cc903f0daaa1618695c5bf

To change the placeholder text try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.searchform.wd-style-with-bg input[type="text"]::placeholder {
    color: #636363 !important;
}

Best Regards.

in many pages the search label still doesn’t show spaces and i cleared cache and everything too check screenshot attached

Attachments:

You must be logged in to view attached files.

Hello,

Your issue has been Resolved. Please clear cache and check back.

Best Regards

[Author]

Posts