Search bar customization

  • filmcritic23

    (@filmcritic23)


    6 years, 1 month ago

    Hello everyone. I figured while I was in quarantine, I would see if I could change the way the search bar operates on the website I help moderate. I work at a library and we are trying to find a way for the search bar to look like this one: https://princetonlibrary.org/

    Does anyone have any recommendations on how to accomplish this? I’ve tried in the past, with no success. I had to add a search bar to our menu since ours wasn’t working well for our needs, but the current one is iffy as well, and I can’t get it to move from the left side of the page or not have it say “search form.” Here is the website I moderate: https://www.mtpl.org/ I think that confuses our patrons.

    Any suggestions? I’m pretty tech savvy, but I’m concerned about making this change since I’ve had issues with changing the theme before.

    Thanks so much for any assistance or suggestions you may have.

    Best,
    Katie

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    6 years, 1 month ago

    Hi @filmcritic23,

    That’s a pretty big change. I’d recommend you to create a child theme, copy the header.php file over, add <?php get_search_bar(); ?> where you want the search bar to be output and modify the styling to fit your needs.

    — Anders

    Thread Starter filmcritic23

    (@filmcritic23)

    6 years, 1 month ago

    Hey Anders. Yes I know it’s a pretty big change, it’s what made me put it off for a long time since I don’t want to destroy the website haha.

    If I cannot get it to change it’s style, is there a way to replace the word “search form” to “search website” ? That would help.

    Thanks again for your advice!

    -Katie

    Theme Author Anders Norén

    (@anlino)

    6 years, 1 month ago

    @filmcritic23 No problem! For that, you’ll need to copy over the searchform.php file from Baskerville to your child theme, and then change the “Search form” string in the placeholder attribute to “Search website”.

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

The topic ‘Search bar customization’ is closed to new replies.