Use an icon for search button label

  • Resolved lucie136

    (@lucie136)


    3 years, 2 months ago

    Hello,

    I’d like to use a FontAwesome icon or a personalized SVG icon as a label for the search button. I use the widget for elementor and while I can change the text, it seems that I can’t add html (not surprised actually). Would there be a way to do this?

    By the way, thank you for your work! It really helped improving my website.

    Lucie.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Sumit Singh

    (@5um17)

    Hi Lucie,

    Thanks for the feedback!

    You can add CSS class name to the search button. In widget there is an option “CSS class names on search button element” for shortcode you can use attribute “search_button_css_class” and then add the CSS in your theme to design the button the way you like.

    Another option is create a “wpes-searchform.php” template file in your theme and add the search form code there with custom HTML. You can copy the content from standard searchform.php file and then customize and paste to “wpes-searchform.php”.

    Let me know if this works for you.

    Thread Starter lucie136

    (@lucie136)

    Hi,

    I created a template file like you suggested and it worked perfectly, thank you!

    Have a nice day.

    Lucie.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Use an icon for search button label’ is closed to new replies.