Support » Plugin: YOP Poll » Text wraps to next line

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

    (@yourownprogrammer)

    Hi,

    Edit the template you used for your poll and in the CSS section look for this line #yop-poll-answers-%POLL-ID% ul li input { and just below it, replace margin:0px; with margin: 0 5px 0 0; and float:none; with float:left;

    In the end you should have

    #yop-poll-answers-%POLL-ID% ul li input {
    float: left;
    margin: 0 5px 0 0;
    }

    Best wishes,

    YOP Team

    Hm, that makes sense except that I don’t see exactly that (unless I’ve gone blind or insane, which is possible). I had selected the Red v1 template that installed along with the plug in.

    This is what is in it—am I just missing it? Or are you talking about some other template?

    <div id=”yop-poll-name-%POLL-ID%” class=”yop-poll-name”>%POLL-NAME%</div>
    <div id=”yop-poll-question-%POLL-ID%” class=”yop-poll-question”>%POLL-QUESTION%</div>
    <div id=”yop-poll-answers-%POLL-ID%” class=”yop-poll-answers”>

      [ANSWER_CONTAINER]
      <li class=”yop-poll-li-answer-%POLL-ID%”>
      %POLL-ANSWER-CHECK-INPUT%
      %POLL-ANSWER-LABEL%
      <span class=”yop-poll-results-text-%POLL-ID%”>%POLL-ANSWER-RESULT-LABEL%</span>
      %POLL-ANSWER-RESULT-BAR%

      [/ANSWER_CONTAINER]
      [OTHER_ANSWER_CONTAINER]
      <li class=”yop-poll-li-answer-%POLL-ID%”>
      %POLL-OTHER-ANSWER-CHECK-INPUT%
      %POLL-OTHER-ANSWER-LABEL%
      <span class=”yop-poll-results-text-%POLL-ID%”>%POLL-ANSWER-RESULT-LABEL%</span>
      %POLL-OTHER-ANSWER-TEXT-INPUT%
      %POLL-ANSWER-RESULT-BAR%

      [/OTHER_ANSWER_CONTAINER]

    </div>
    <div id=”yop-poll-custom-%POLL-ID%”>

      [CUSTOM_FIELD_CONTAINER]

    • %POLL-CUSTOM-FIELD-LABEL% %POLL-CUSTOM-FIELD-TEXT-INPUT%
    • [/CUSTOM_FIELD_CONTAINER]

    </div>
    [CAPTCHA_CONTAINER]
    <div id=”yop-poll-captcha-%POLL-ID%”>
    <div class=”yop-poll-captcha-image-div” id=”yop-poll-captcha-image-div-%POLL-ID%”>
    %CAPTCHA-IMAGE%
    <div class=”yop-poll-captcha-helpers-div” id=”yop-poll-captcha-helpers-div-%POLL-ID%”>%RELOAD-CAPTCHA-IMAGE% </div>
    <div class=”yop_poll_clear”></div>
    </div>
    %CAPTCHA-LABEL%
    <div class=”yop-poll-captcha-input-div” id=”yop-poll-captcha-input-div-%POLL-ID%”>%CAPTCHA-INPUT%</div>
    </div>
    [/CAPTCHA_CONTAINER]
    <div id=”yop-poll-vote-%POLL-ID%” class=”yop-poll-footer”>
    <div>%POLL-VOTE-BUTTON%</div>
    <div id=”yop-poll-results-%POLL-ID%”>%POLL-VIEW-RESULT-LINK%</div>
    <div>%POLL-TOTAL-ANSWERS%</div>
    <div>%POLL-TOTAL-VOTES%</div>
    </div>

    Or did you mean I need to edit the css for the entire site?

    Ha, nevermind, sorry for being an idiot. I found the appropriate CSS template file. Thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text wraps to next line’ is closed to new replies.