Bouquet – search box magnifying glass icon disappeared

  • Unknown's avatar
    blbarnett3 · Member ·

    I’m working on a blog with the bouquet theme. After we applied a custom color palette, the little magnifying glass icon disappeared from the search box – we’d like to get it back. Any suggestions?

    The blog I need help with is: (visible only to logged in users)

  • johndcoy · Staff ·

    Hello,

    It appears your background change only specifies the color and not the magnifying glass icon. Try the code below for your background change.


    input#s {
    background: url("/wp-content/themes/pub/bouquet/colors/tiger-lily/search-bg.png") no-repeat scroll 10px 8px #DFF6C0;}
    }

  • Unknown's avatar
    blbarnett3 · Member ·

    Thanks for your suggestion.

    I dropped that code into the add-on .css file, and it does make a magnifying glass appear. There is a warning about the tag being over specified, but when I made the change the warning suggested, (Just use #s, not input#s), it no longer worked.

    The palette was generated using the WordPress customization tool. In the forms section of the theme’s css, there is a section similar to the one you suggested that does have the reference to the search-bg.png icon file. I’m not a CSS expert, so I’m puzzled as to why it didn’t work.

  • Unknown's avatar
    justpi · Member ·

    Please note that CSS questions should be posted in the CSS forum, not the Themes forum.

  • The topic ‘Bouquet – search box magnifying glass icon disappeared’ is closed to new replies.