Help with webform

Hello,

To display Webform radio buttons and checkboxes inline in your Solo theme, you have two targeting options:

1. Target All Webforms Site-Wide:

#page-wrapper .webform-submission-form .form-wrapper.solo-clear::after,
#page-wrapper .webform-submission-form .form-wrapper.solo-clear::before,
#page-wrapper .webform-submission-form .form-wrapper .solo-clear::after,
#page-wrapper .webform-submission-form .form-wrapper .solo-clear::before {
  content: none;
  display: none;
  clear: none;
}

#page-wrapper .webform-submission-form .form-radios,
#page-wrapper .webform-submission-form .form-checkboxes {
  display: inline-flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

#page-wrapper .webform-submission-form .form-radios .form-type-radio,
#page-wrapper .webform-submission-form .form-checkboxes .form-type-checkbox {
  margin: 0;
  width: auto;
}

2. Target a Single Webform:
If you only want this inline style on a specific Webform, use its machine name:

#page-wrapper .webform-submission-your-form-name-form .form-wrapper.solo-clear::after,
#page-wrapper .webform-submission-your-form-name-form .form-wrapper.solo-clear::before,
#page-wrapper .webform-submission-your-form-name-form .form-wrapper .solo-clear::after,
#page-wrapper .webform-submission-your-form-name-form .form-wrapper .solo-clear::before {
  content: none;
  display: none;
  clear: none;
}

#page-wrapper .webform-submission-your-form-name-form .form-radios,
#page-wrapper .webform-submission-your-form-name-form .form-checkboxes {
  display: inline-flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

#page-wrapper .webform-submission-your-form-name-form .form-radios .form-type-radio,
#page-wrapper .webform-submission-your-form-name-form .form-checkboxes .form-type-checkbox {
  margin: 0;
  width: auto;
}

Replace (your-form-name) with the machine name of your Webform, found in the Webform’s URL or settings.

Note:
A new CSS class inline-radio-checkbox has been created for use across all forms site-wide. This class displays checkboxes and radio buttons inline rather than stacked. It was pushed to dev version.

You can apply this class under Page Settings > Page Wrapper section in the CSS Classes field to all forms site-wide.

Best wishes,
Alaa

wow! awesome! really a great theme and you are always exceptionally helpful and kind. Thanks again!

Thank you so much for your kind words! I truly appreciate it, and I’m glad you’re enjoying the theme. Let me know anytime if you need further assistance or have ideas for improvement.