Support » Plugin: Material Design for Contact Form 7 » Radio buttons and checkboxes do not work properly

  • Resolved mulagirl

    (@mulagirl)


    Buttons and check items are far from the correct position. I also want to fix where the border overlaps the background. I fixed it, but css is no longer valid. Is it a specification that cannot be changed?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @mulagirl

    This is caused by some CSS added by your theme. The best way to fix this is to remove the problem CSS. The following is added twice, so you’ll need to remove both occurrences:

    
    .wpcf7-form-control-wrap .wpcf7-form-control {
        border: 2px solid #d8d8d8;
        border-radius: 0.3em;
        font-size: 1.5rem;
        padding: 10px;
    }

    And this is added once, which is an overly broad CSS rule that is going to cause many other problems in the future as well. You can keep the .content p but the .content div, line is going to cause many issues.

    
    .content div,
    .content p {
        margin-top: 2rem
    }

    With those rules removed, your form should look normal.

    Thanks,
    Angus

    Thread Starter mulagirl

    (@mulagirl)

    I understand. Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Radio buttons and checkboxes do not work properly’ is closed to new replies.