Articles in this section

See more

How to style searchify_notfound ID

Avatar
P.J. Worsfold
  • Updated
Follow

Hello,
Just trying to remove the arrow that appears next to the message that appears when no search results are present. I see it has an ID of "searchify_notfound", but I'm having trouble getting it to respond in my CSS. Is this the correct syntax?

div.searchify_results .searchify_notfound .searchify_msg .searchify_more a {background: #A0A0A0;]

Is it possible to remove this link all together?

Thanks - this is a terrific app!

P.J.

Comments

3 comments

Sort by Date Votes
  • Avatar
    Zetya Support

    Hi PJ

    Glad to hear you are liking the App.

    To change the styling to get rid of the arrow, this should do the trick:

    div.searchify_results #searchify_notfound .searchify_more a {background: none repeat scroll 0 0 #A0A0A0; padding: 2px 0;}

    Thanks, Gavin.

    0
    Permalink
  • Avatar
    P.J. Worsfold

    Hi Gavin,

    The app is awesome and I'm about to install it on another site, however, I tried adding that line to the CSS and it's not working for me. The site is http://www.shoeme.ca, would you mind taking a quick look?

    Thanks,

    P.J.

    0
    Permalink
  • Avatar
    Zetya Support

    Hi P.J.

    The searchify stylesheet gets loaded after your theme's stylesheet so it needs to be be more specific. Try this:

    div.searchify_result_container div.searchify_results #searchify_notfound .searchify_more a {background: none repeat scroll 0 0 #A0A0A0; padding: 2px 0;}

    Thanks, Gavin.

    0
    Permalink

Please sign in to leave a comment.