Advanced filter search

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: advanced search icon

Author

Posts
March 20, 2017 at 2:51 am #368483

mak huixian
Free User

Post count: 31

Hi, I noted the advanced search filter icon is not very obvious on the search bar. How best could I established this icon to the search bar to allow users to know this is an ‘advanced search’? Attached also image for your reference.

March 20, 2017 at 2:52 am #368484

mak huixian
Free User

Post count: 31

This reply has been marked as private.

March 20, 2017 at 8:38 am #368516

Guust
Moderator

Post count: 29970

Not sure what exactly you want, but try adding this CSS
.fa-cog:after {
content: “More Options”;
}
Thanks

March 20, 2017 at 2:59 pm #368622

mak huixian
Free User

Post count: 31

Hi sorry Guust, may I know what the CSS suppose to serve?

Sorry, just to clarify my requirements again:

Link: http://imgur.com/a/pop1Y

currently, on my page, there is an advanced search function (i.e the cogwheel) I would like to make the icon more obvious – stating an ‘advanced filter’ instead, so users are clear that is an advanced filter feature.

Cos there’s currently too many ‘similar’ looking icons on the search bar. People may mistaken the advanced filter for the search etc. Would be good to highlight the ‘advance filter’ feature to user.

Pls assist. thanks.

March 20, 2017 at 9:26 pm #368725
Guust
Moderator

Post count: 29970
Add this CSS:
```
.fa-cog:after {
content: “Advanced Filter”;
}
```
That will change the cogwheel to “Advanced Filter”.
Thanks
March 21, 2017 at 3:12 pm #368852

mak huixian
Free User

Post count: 31

Hi, thank you Guust.

It doesn’t seem to be effecting on my website although I’ve already cleared cache. Would you be able to assist?

Thanks so much!

March 21, 2017 at 3:47 pm #368860
Kor
Moderator

Post count: 16516
Hi Mak,

Could you try using the PHP code below and see if it works? Please insert the code in the “Code Snippet” plugin then activate it. https://wordpress.org/plugins/code-snippets/
```
add_filter('gd_adv_search_btn_value','_my_adv_search_button');
function _my_adv_search_button($btn){

	$btn = '<div class="search-text">My Text</div><span></span>';

	return $btn;
}
```
March 23, 2017 at 11:31 pm #369436

mak huixian
Free User

Post count: 31

Hi Kor Chung.

Much appreciated, it works!

Thank you!

March 24, 2017 at 7:06 am #369458

Kor
Moderator

Post count: 16516

Hi Mak,

Glad that worked for you. Enjoy GD
Author

Posts