Align text with Radio button

  • Resolved mdgarts

    (@mdgarts)


    5 years, 10 months ago

    Hi,

    I would like to align the label with the radio button in the poll answers, as if you look at the bottom 2 boxes, when the label is too long it drops on the line below the radio button. Could you please help me with the css (I can’t seem to find the css for the answers label) to move the label up and possibly keep the indentation of the radio button on the second line when it moves up?

    Thank you

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

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

    (@yourownprogrammer)

    Hello

    I see you are running version 5.8.3

    Edit the template you are using for your poll and on css section add the code below

    div.yop-poll-answers-%POLL-ID% ul li {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px; 
}
div.yop-poll-answers-%POLL-ID% ul li label {
   margin-left: 10px;
   line-height: 1.4;
}

    Please let us know when it’s added so we can run a test.

    Best
    YOP Team

    Thread Starter mdgarts

    (@mdgarts)

    thank you, do I just replace %POLL-ID% with the poll id#?
    for example: [yop_poll id=”11″] would be div.yop-poll-answers-11 ul li

    Plugin Author YOP

    (@yourownprogrammer)

    Hello

    As long as you place the code provided into the Css Section of the poll template you are using, there is no need to replace %POLL-ID% with the poll id.

    Please let us know how it goes.

    Best
    YOP Team

    Thread Starter mdgarts

    (@mdgarts)

    Works perfect, thank you for your help!

    Plugin Author YOP

    (@yourownprogrammer)

    Happy to hear everything is ok now ??

    Best
    YOP Team

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Align text with Radio button’ is closed to new replies.