• Skip to main content
  • Skip to primary sidebar
  • Business
  • WordPress
  • Security
  • Marketing
  • Publicity
  • Computing
  • Resources
  • Whatevs

Purely Wordpress

Just The Tech, News, and Info We Deem To Post

  • Home
  • About
  • Contact
  • Contribute
You are here: Home / Code Snippets / Align Forminator check boxes horizontally

Align Forminator check boxes horizontally

Screenshot of WordPress plugin php and html code

To align checkboxes horizontally in WPMUDEV Forminator using a custom class, you’ll need to add some custom CSS. Here’s a step-by-step guide:

1. Add a Custom Class to Your Form:

  • Edit your form in Forminator.
  • In the “Advanced” tab of your form field settings, add a custom class name to the checkboxes (e.g., horizontal-checkboxes).

2. Add Custom CSS:

  • Go to your WordPress dashboard.
  • Navigate to Appearance > Customize > Additional CSS.

3. Enter the Custom CSS:

.horizontal-checkboxes .forminator-checkbox {
    display: inline-flex;
    align-items: center; /* Vertically aligns the checkbox and label */
    margin-right: 15px; /* Adjust spacing as needed */
}

.horizontal-checkboxes input[type="checkbox"] {
    margin-right: 5px; /* Space between checkbox and label */
}

.horizontal-checkboxes label {
    margin: 0; /* Remove any default margin from labels */
}

4. Save Changes:

  • Click the Publish button to apply the changes.

This CSS will make the checkboxes align horizontally and adjust the spacing between them. If you need further customization, you can tweak the margin-right values or add additional styles as needed.

by Jack Alltrade on September 19, 2024

Filed Under: Code Snippets, Plugins Tagged With: Alignment, Check Boxes, CSS, Forminator, WPMUDEV

Reader Interactions

Share Your Two Cents Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Categories

  • Code Snippets
  • Development
  • File Management
  • Genesis Framework
  • Hosting
  • Legacy
  • Plugins
  • SEO
  • Tech Terms
  • Themes
  • User Experience
  • User Interface
  • WordPress Core
  • WordPress Functionality

Warning! Use at your own risk!

As always, use at your own risk and remember to backup your site prior to inserting new code.

© Copyright Jack Alltrade & Associates 2025 · Purely Supplemental™ is a trademark of Jack Alltrade & Associates