Solved

how to add a logo of search and search text in search bar

niceeee
Shopify Partner
278 4 21
Accepted Solution (1)

theycallmemakka
Shopify Partner
1157 249 267

This is an accepted solution.

Hi @niceeee ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.search-modal__form .search__input.field__input::placeholder {
    color: #000!important;
    opacity: 1;
    z-index:9!important;
    position: absolute;
    left: 40px;
}

.search-modal__form  .search__input.field__input {
    padding-left: 40px;
}

.search-modal__form  button.search__button.field__button {
    color: #000;
    position: absolute;
    left: 0;
}

.search-modal__form  .field__label {
    padding-left: 20px;
}
</style>

Result:

theycallmemakka_0-1704340615783.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store

View solution in original post

Reply 1 (1)

theycallmemakka
Shopify Partner
1157 249 267

This is an accepted solution.

Hi @niceeee ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.search-modal__form .search__input.field__input::placeholder {
    color: #000!important;
    opacity: 1;
    z-index:9!important;
    position: absolute;
    left: 40px;
}

.search-modal__form  .search__input.field__input {
    padding-left: 40px;
}

.search-modal__form  button.search__button.field__button {
    color: #000;
    position: absolute;
    left: 0;
}

.search-modal__form  .field__label {
    padding-left: 20px;
}
</style>

Result:

theycallmemakka_0-1704340615783.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store