YOP Poll
[resolved] Text wraps to next line (5 posts)

  1. kimpauley
    Posted 2 years ago #

    Hello, I have the latest version of yop-poll and just installed it. Everything seems to be fine except that the text of the poll option isn't positioned next to the radio button but instead on the line after it. I thought it might be a strange wrapping issue and increased the size of the poll space, but that made no difference. For the most part, I kept all of the options to their default values.

    You can see it here

    Thanks for any help.


  2. YOP
    Plugin Author

    Posted 2 years ago #


    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

  3. kimpauley
    Posted 2 years ago #

    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">

      <li class="yop-poll-li-answer-%POLL-ID%">
      <span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span>

      <li class="yop-poll-li-answer-%POLL-ID%">
      <span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span>


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



    <div id="yop-poll-captcha-%POLL-ID%">
    <div class="yop-poll-captcha-image-div" id="yop-poll-captcha-image-div-%POLL-ID%">
    <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 class="yop-poll-captcha-input-div" id="yop-poll-captcha-input-div-%POLL-ID%">%CAPTCHA-INPUT%</div>
    <div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer">
    <div id="yop-poll-results-%POLL-ID%">%POLL-VIEW-RESULT-LINK%</div>

  4. kimpauley
    Posted 2 years ago #

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

  5. kimpauley
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic