How can I style the searched term in the Search Results page?

  • I would like to style the searched term in the searched results page. {
    Example: https://ibb.co/Rj8Q57j

    I am able to change the style of the results page title, but I am not sure how to find the element of the searched term to style it, like shown on the photo.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    The searched term is added in its own <span> tag and is a child element of the h1.page-title which also contains the “Search Results for:”

    To style the searched term, you can use this selector:

    body.search h1.page-title > span{
/* Your style here */
}
    Thread Starter awesomeblogger

    (@awesomeblogger)

    Awesome! Thank you!

    No problem. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I style the searched term in the Search Results page?’ is closed to new replies.