Fix Checkbox alignment

  • Resolved gjaspers

    (@gjaspers)


    5 years, 4 months ago

    The alignment of the checkboxes is not what I want. They must be on the same line as the answer.

    I’ve tried difference settings in CSS Style, like:

    span.wpcf7-list-item {
    display:block;
    }

    Nothing works. Please help me!

    Kind regards

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author YOP

    (@yourownprogrammer)

    5 years, 4 months ago

    Hello

    I looked at the link you sent over and I am seeing that the checkboxes and answers are on the same line no matter the browser used or desktop/mobile.

    Here’s what it looks like on our end

    https://ibb.co/YcyRGBL

    Maybe you are referring to something else?

    Thread Starter gjaspers

    (@gjaspers)

    5 years, 4 months ago

    Hello,

    Thanks for your check.
    I’ve found the solution, but wasn’t able to close this request.

    label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    }

    input {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    }

    Kind regards,

    Plugin Author YOP

    (@yourownprogrammer)

    5 years, 4 months ago

    Got it.

    I think it would be best to target only the poll elements.

    Something like

    .basic-yop-poll-container label {
display: block;
padding-left: 15px;
text-indent: -15px;
}

.basic-yop-poll-container input {
width: 15px;
height: 15px;
padding: 0;
margin: 0;
vertical-align: bottom;
position: relative;
top: -1px;
}

    This way other labels and inputs on your site won’t be affected by this code.

    Thread Starter gjaspers

    (@gjaspers)

    5 years, 4 months ago

    I’ve changed the code with only the poll elements you’ve described.

    It is still working fine. 😉

    Thanks for your support!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Fix Checkbox alignment’ is closed to new replies.

Tags