Ready to get started?Download WordPress


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

  1. kimpauley
    Posted 11 months 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 11 months 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 11 months 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 11 months ago #

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

  5. kimpauley
    Posted 11 months ago #

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


You must log in to post.

About this Plugin

About this Topic