1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Search bar magnifying glass image location?

Discussion in 'Styling and Customization Questions' started by Liam23, Aug 2, 2012.

  1. Liam23

    Liam23 Active Member

    Where is the search bar magnifying glass image located? download (6).png
    styles/stylename/xenforo/?
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    o_O I actually can't find where that is - I know where the ACP search sprite is, but it doesn't appear to be the same. Nor can I see where it is referenced in CSS or the template...

    o_O
     
  3. RobinHood

    RobinHood Well-Known Member

    I believe it's to do with the HTML input search type

    http://css-tricks.com/webkit-html5-search-inputs/
     
    Adam K M and Chris D like this.
  4. Liam23

    Liam23 Active Member

    Found it :)
    Stle\xenforo\widgets\acp_search.png​
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    Confirmed.

    You can remove the type="search" from the template and it removes the search symbol.

    Good find.

    That's not it.
     
    Adam K M and RobinHood like this.
  6. Liam23

    Liam23 Active Member

    Oh, Well thats what I was looking for :p
     
  7. Chris D

    Chris D XenForo Developer Staff Member

    That image is only used in the Admin CP.
     
  8. Liam23

    Liam23 Active Member

    Oh
     
  9. Chris D

    Chris D XenForo Developer Staff Member

    The image is generated automatically by HTML5. As per robinhood's post, you can remove it by removing type="search" from the HTML field. You could then use CSS to add whatever image you like.
     
  10. danovsteel

    danovsteel Member

    This is an old thread but I have a similar question -

    On this page: http://www.groundtradesxchange.com/xf/index.php you can see that the search magnifying glass is out of vertical alignment with the search box. I don't care if that icon goes away or gets aligned, but I'd like it to be cleaner than what it is now.

    It got out of alignment when I reduced the height of the dark brown nav bar, but the search bar remained in it's location relative to the bottom of the div (putting the search bar at the top of the now-smaller nav bar). In #QuickSearch I changed top: -52px to top: -40px and everything moved nicely to be aligned vertically, except for that icon.

    I looked through all of the images and icons for the style and couldn't find that image in any folders, so I'm thinking the issue is similar to the html5 one mentioned above, however, removing 'type="search"' from the template search_bar doesn't remove the icon.

    Any ideas?

    Thank you in advance.
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    That's part of your custom style and is actually a FA icon.

    You will need to contact the designer of the style for assistance with it.
     
    danovsteel likes this.
  12. erich37

    erich37 Well-Known Member

  13. Brogan

    Brogan XenForo Moderator Staff Member

    danovsteel likes this.
  14. danovsteel

    danovsteel Member

    This actually got me about 80% of the way to the answer - thank you!

    The theme builder is unresponsive.
     

Share This Page