Horizontal CSS not working.

Anonymous

#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?

Anonymous

#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

#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.

Anonymous

#261580

This reply has been marked as private.

Trevor

#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;
}

Anonymous

#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

#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?

Anonymous

#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

#261656

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

[Author]

Posts