Invisible Category Options

  • moruku

    (@moruku)


    8 years ago

    A few days ago, I installed Ajax Search Lite on a website I’m helping to manage, but came across a problem. When the box comes down to select filters such as Title, Page, Post, etc., the Filter By Categories section is messed up. It displays several boxes that can be checked or unchecked, but there is no text beside them. Potential users would have no idea what the categories were (if the categories are even being rendered).

    Also, there are only about 6-9 categories being used on the site, so it’s not an issue with too many.

    I’m using a Mac, but have checked using both Chrome and Firefox, and the problem still exists, so I don’t think it’s an issue with the browser.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi!

    I’m guessing it might be a only a cosmetic issue via conflicting or overriding CSS rules. Unfortunately it’s impossible to tell unless I see the problem. Can you share a URL where I could check it?

    Thread Starter moruku

    (@moruku)

    Thanks for the quick response!

    It does appear to be a CSS issue, since using the Inspect feature in Chrome does show each category text string exists, even though none show up otherwise. Looks like they’re being pushed outside of the box, to the right instead of the left of the scrollbar.

    The site is locked to the public since it’s for employees, but I’ve opened up the page I’ve been testing the plugin on. It’s: https://my.ramjack.com/test-search-page/. I’ve also disabled any items from being searched (just for privacy concerns).

    Plugin Author wpdreams

    (@wpdreams)

    Hi!

    It’s indeed just a minor CSS problem, the width is forced to a few pixels, and the content is pushed into the left. Plus I’ve also noticed a border on the fieldset and legend elements. Try this custom CSS to fix them both:

    div.categoryfilter {
    width: 100%;
}
.searchsettings legend,
.searchsettings fieldset {
    border: 0 !important;
}

    Let’s hope it works!

    Thread Starter moruku

    (@moruku)

    Added it to the page using VC, and it looks great. All the category text shows up and fits just right. Thanks so much for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Invisible Category Options’ is closed to new replies.