CSS : center and align the content

  • Resolved MarcL

    (@marclindner)


    8 years, 2 months ago

    Hello,

    I’m trying to find out how to center the content in the forms.

    I would like to center the content of each form questions, like in the snap : https://hpics.li/fbd2444

    I have digging around the class wp-forms-label and wp-forms-label-inline but it has no impact.

    Any idea which class and how to parameter it to center the content and keep it aligned?

    Thanks a lot for your help,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jared Atchison

    (@jaredatch)

    Is it just checkbox fields you want to center? Or other fields too?

    Thread Starter MarcL

    (@marclindner)

    It is all the different fields for the all form (so checkbox, text, email…)…

    Plugin Author Jared Atchison

    (@jaredatch)

    This was taken care of in our paid support channel.

    Custom CSS for anyone who is looking for something similar is below. Just add the class wpf-center-form to the form class setting.

    
.wpf-center-form input.wpforms-field-medium,
.wpf-center-form select.wpforms-field-medium,
.wpf-center-form .wpforms-field-row {
margin-left: auto !important;
margin-right: auto !important;
}

.wpf-center-form .wpforms-field-label,
.wpf-center-form .wpforms-field-radio,
.wpf-center-form .wpforms-field-checkbox,
.wpf-center-form .wpforms-submit-container {
text-align: center;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS : center and align the content’ is closed to new replies.