Return to previous page

Search Icon in header - by Anzo - on WordPress WooCommerce support

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

  • Avatar: Anzo
    Anzo
    Participant
    September 12, 2018 at 08:29

    Is there any way to have the words “Search” next to the search icon in the header?

    #199334 Copied Theme version: boxed variant WooCommerce version: 4.4
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 12, 2018 at 08:31

    Hello,

    Please provide a screenshot for better understanding.

    Regards

    #199335 Copied
    Avatar: Anzo
    Anzo
    Participant
    September 12, 2018 at 08:37

    screenshot of header

    #199336 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 12, 2018 at 08:43

    Hello,

    Try to add this code in Theme Options > Custom css or in style.css of your child theme:

    .header-search .et-search-trigger:before {
    content: "Search";
    font-size: 16px;
    margin-right: 10px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}
.header-search {
    margin-top: 0px;
}

    Regards

    #199338 Copied
    Avatar: Anzo
    Anzo
    Participant
    September 12, 2018 at 09:08

    Thank you. It worked perfectly. On a similar note, where do I edit the “Search box” wording?

    #199346 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 12, 2018 at 09:28

    You’re welcome!
    You may copy etheme_search_form_modal function (woopress/framework/theme-functions.php) to functions.php of your child theme and edit there.
    If you want to change text of the form, it can be done via translation (Loco translate plugin http://prntscr.com/ktg0sj).

    Regards

    #199348 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – 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.