Support » Plugin: Contact Form by WPForms - Drag & Drop Form Builder for WordPress » Form doesn’t work properly on salient theme.

  • Resolved jingyansu


    I am trying to WP FORM lite to create some contact forms on my business. But whenever, i am using CSS code to show two fields in a row, output form fields are not clickable. I mean, users can not click or input any data on those fields. But if i remove the css codes, it works fine.
    I am using salient theme. But my support is over, so i can’t take their help.
    I followed this:

    Please help me fix this please. Thanks

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Ethan Choi


    Hi jingyansu,

    When we’ve seen issues similar to this, it is usually a result of the base styling option being used on your site. If you go to WPForms > Settings and look to the Include Form Styling dropdown, this is currently set to Base styling only. This option includes limited styling, which is why you’re seeing this issue in multi column layouts.

    To fix this, you could consider two options:

    1) You could switch this dropdown to our default option, Base and form theme styling

    2) You could use some custom CSS. To set this up you’ll need to open the form builder and click on the field immediately below the multi column fields. Then open the Advanced Options section, and adding the CSS class “wpf-custom-clear” (without quotes) to the CSS Classes field.

    Then, you’ll need to add some custom CSS to your site, which I’ve included here:

    .wpf-custom-clear {
        clear: both !important;

    In case it helps, please see this tutorial from WPBeginner on ways to add custom CSS like this to your site.

    I hope this helps 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Form doesn’t work properly on salient theme.’ is closed to new replies.