[Resolved] Display checkboxes horizontally

[Author]

Posts

[Sia]

Tell us what you are trying to do?
-- Display checkboxes horizontally

Is there a similar example that we can see?
-- I tried using the code found in https://toolset.com/forums/topic/horizontal-checkboxes/
Placed it in the CSS Editor under Search and Pagination, but it's not doing anything.
What should I do? Thank you!

[wpv-filter-start hide="false"]
[wpv-filter-controls]

<span class="ggg">
<div class="form-group">
<label>[wpml-string context="wpv-views"]<h3>Example Tags</h3>[/wpml-string]</label>
[wpv-control-post-taxonomy taxonomy="example-tag" type="checkboxes" url_param="wpv-example-tag"]
</div>
</span>

[/wpv-filter-controls]
[wpv-filter-end]

ul.wpt-form-set-checkboxes li {
float: left;
margin-right: 15px;
list-style: none;
}

[Luo Yang]

Hello,

The CSS codes you mentioned above is outdated, I suggest you try these:
1) Edit the codes in "Search and Pagination", add a custom CSS class name in it, for example:
From:

<div class="form-group">
...

To:

<div class="form-group horizontal-checkboxes">
...

Then use below CSS codes:

.horizontal-checkboxes div.checkbox {
display: inline-block;
}

And test again.

More help:
https://toolset.com/documentation/user-guides/adding-custom-css-views/

[Sia]

My issue is resolved now. Thank you!