• Resolved JudahsMom63

    (@judahsmom63)


    I am trying to get twentythirteen’s search form to work. Everything seems to be in place except I can’t get the magnifying glass icon to appear, thus I have nothing to click on to open the search. I’m working in localhost so no url to share, sorry. I put changes to the search bar rules in my child theme css as follows: `.site-header .search-field{
    background-color: pink;
    background-image: url(“wp-content/themes/psc_theme_one-child/images/search-icon.png”);
    width: 30px;
    }` I know something’s going right because the square where the icon is supposed to go is pink. Can anyone help this ol’ grey mare, please?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Maybe try setting it to display: block; will work?
    Try that and let me know your result.

    Thread Starter JudahsMom63

    (@judahsmom63)

    pinejesse – Thanks so much for replying! Unfortunately, display: block; didn’t work. I also tried inline and inline-block, nothing there either. I should also add that I did deactivate all of my plugins but no help there, either.

    Sorry that didn’t help you. If there was a way I could see your complete stylesheet I could be more of service so I’m afraid I’m only forced to guess as to what could be the issue. You say the search box is there, but no search box magnifying glass? Other than that the search box is functional?

    Have you tried to define the height as well in your code?

    Thread Starter JudahsMom63

    (@judahsmom63)

    pinejesse – I have defined height by percentages for most things, and as I find things without height I add that. The search box is there, but unextended: the idea is to click on the magnifying glass icon and the search bar expands. I put my stylesheet on Pastebin. It’s called PSC Theme Stylesheet, and the url is https://pastebin.com/5wZRvACh. Thanks for replying, I really appreciate this!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘twentythirteen search ALMOST working’ is closed to new replies.