XF 1.5 search magnifying glass

[swatme]

Hi

May i know where can i modify the magnifying glass button for search?
I want to add few text beside it the magnifying glass and also change the graphics if possible.




Thanks

 

[rafass]

I always do all those changes with EXTRA.css.
ie, if you want to add some image, you can use something like:

#QuickSearchPlaceholder {
background: rgba(0, 0, 0, 0) url('route-of-your-image/emoji.png') no-repeat center!important;
background-size: contain!important;
}

And this is the result:


you also can do the same using FA icons. with something like:

#QuickSearchPlaceholder {
    text-indent: 0!important;
    background: none!important;
}
#QuickSearchPlaceholder:before {
    font-size: 14px;
    color: #b23026;
    content: "\f00e";
    font-family: FontAwesome;
}

This is the result:

you can also play with the css properties :after :before to reach the result that you're looking for.