Aligning the checkboxes in view

This support ticket is created 2 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by johnC-6 2 years, 1 month ago.

Assisted by: Luo Yang.

Author

Posts

January 19, 2023 at 10:44 pm #2538219

johnC-6

I have created a view and the search field uses checkboxes. I have styled them to be horizontal by floating them to the left and adding a 20px right margin. For some reason the first checkbox drops below the others and is on it's own line. I've looked at older support posts on the forum but I can't find my specific issue. You can see the issue on the bottom of this page: hidden link
Thanks in advance for any insight.

January 20, 2023 at 7:12 am #2538369

Luo Yang

Hello,

You can try to modify you custom CSS codes as below:

.checkbox {
    margin-right: 1em;
    display: inline-block;
}

And test again, it works fine in my Chrome browser, see my screenshot inline-block.jpg

More help:
hidden link

January 20, 2023 at 4:50 pm #2538735

johnC-6

My issue is resolved now. Thank you!