Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Horizontal CSS not working.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Jonathan Montgomery
    (Private)  September 30, 2020 at 10:49 pm #261507

    Searched and did not find and updated solution that worked.

    I’ve tried pasting the horizontal css snippet in several places and several ways and nothing is working.

    .searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    }

    I can make changes to the padding and see them reflected.

    Inspecting the element shows the CSS is being applied, but it’s not working for me.

    Is there a fix or different code for this?

    Jonathan Montgomery
    (Private)  October 1, 2020 at 12:43 am #261510

    To clairfy: I want all of the entries in each taxonomy to display horizontal in a row, not a collection of vertical lists side by side as the provided snippet enables.

    Trevor Moderator
    (Private)  October 1, 2020 at 9:00 am #261538

    Are you able to send me a live link/URL to your search page so I can take a look?

    If that does not help, do you have a sketch (image) of what it needs to look like? You would need to upload the screenshot image(s) to a file sharing site (like the WordPress Cloudup site, Google Drive, Weshare, Dropbox, etc) and share the link with me.

    Jonathan Montgomery
    (Private)  October 1, 2020 at 1:39 pm #261580
    This reply has been marked as private.
    Trevor Moderator
    (Private)  October 1, 2020 at 5:32 pm #261626

    I think you would need something like this:

    .searchandfilter[data-sf-form-id="4190"] li[data-sf-field-input-type="checkbox"] ul li,
.searchandfilter[data-sf-form-id="4190"] li[data-sf-field-input-type="radio"] ul li {
    display: inline-block;
    margin-right: 20px;
}
    Jonathan Montgomery
    (Private)  October 1, 2020 at 6:36 pm #261630

    Well if i could reach through the internet and give you a big hug I would…

    Thank you so much for the amazing product and even better support to back it up!

    Trevor Moderator
    (Private)  October 1, 2020 at 6:37 pm #261632

    You could always put a bottle of beer in the post. That wouldn’t get broken!!!

    Seriously, though. Is it OK to close this thread?

    Jonathan Montgomery
    (Private)  October 1, 2020 at 8:56 pm #261641

    100% fine with me to close, problem solved…

    However I am curious if you have any other platforms/projects/plugins?

    I’d prefer to support good people doing good things providing great support over an unknown anyday!

    Trevor Moderator
    (Private)  October 2, 2020 at 7:04 am #261656

    We don’t, I am sorry. I will close this thread for now.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Horizontal CSS not working.’ is closed to new replies.