Return to previous page

Add "Search Here" text next to search icon in header

This topic has 2 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

forbesindustries

Participant

December 1, 2016 at 18:52

I’d like to add some text like “Start your product search” next to the search icon in the header. Is this possible?

#147620 Copied Theme version: 4.6 WooCommerce version: 2.6.7

1 Answer
Rose Tyler

Support staff

December 2, 2016 at 12:09
Hello,

Try to add this code in Global Custom CSS:
```
header .et-search-trigger.search-dropdown:before {
    content: "Start your product search";
    position: absolute;
    width: 200px;
    right: 0;
    top: 50%;
}
```
and this in Custom CSS for landscape and mobile
```
header .et-search-trigger.search-dropdown:before {
    display: none;
}
```
Regards,
Rose Tyler.
#147719 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.