Change search icon to the word Search in the header of Dawn theme.

[cinderella518]

I have changed my cart icon to the word Cart. I have changed the account icon to the word Login. Now I am trying to change the magnifying glass to the word search instead and properly space out the words like it is for Home and Catalog on the left side. Picture attached. Thanks in advance!

[suyash1]

@cinderella518 this will need some css changes, can you share this page link?

[cinderella518]

Yes it's https://uniquegiftsandkeepsakes.com/

Thanks!

[suyash1]

@cinderella518 - password to view page?

[cinderella518]

geefle - sorry I didn't see your message first - at this point I will take all the help I can get 😊

[devcoders]

Hello @cinderella518 
Please share the store password with me.

[cinderella518]

geefle

[devcoders]

Hello @cinderella518 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.header__icon--search .svg-wrapper {
display: none;
}
.header__icon--search::after {
content: "Search";
font-size: 16px;
color: inherit;
}
.header__icon, .header__icon--cart .icon {
height: 0.1rem;
width: 5.4rem;
}
a#cart-icon-bubble {
margin-left: 10px;
}

[cinderella518 · Accepted solution]

thank you!!!!

[visitor1231]

I can't find the base.css in my code. I'm using the wonder theme. Is there another name for it instead?