CSS WPforms – Base Styling Only

This css appear to remove the bullitts and indents…

.wpforms-container ul {
    padding: 0;
    list-style-type: none;
}

Next issue: Field indents in some places. I have a suspicion these are column 2 in a 2 column line up. I came across this somewhere i docs, and I got the impression, I cannot live without, so it is already added and not fixing this issue…

/* 
When using Base styling and multi-column, use this CSS to correct the column layout.
Original doc link: https://wpforms.com/docs/how-to-choose-an-include-form-styling-setting/
*/
.wpforms-field {
    clear: both !important;
}

This appears to do nothing:

.wpforms-one-half .wpforms-first,
.wpforms-one-half {
    width: 49%;
}

Hi @hebhansen,

Thank you for reaching out! I’m sorry to hear you’re having trouble styling your form.

When you have a moment, could you please share the URL to your form? That way, I can take a look and see why your CSS snippets aren’t working as expected.

Another option is to use the “Base and form theme styling” option in WPForms > Settings > General > Include Form Styling. After this, you can adjust your form style settings using CSS Variables, as I mentioned in your topic here.

Thanks!

Hi @hebhansen,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!