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

This topic has 6 replies, 2 voices, and was last updated 6 years, 2 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?

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 12, 2018 at 08:31

    Hello,

    Please provide a screenshot for better understanding.

    Regards

    Avatar: Anzo
    Anzo
    Participant
    September 12, 2018 at 08:37

    screenshot of header

    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

    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?

    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

  • Viewing 6 results - 1 through 6 (of 6 total)

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

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