WordPress.org

Ready to get started?Download WordPress

Forums

YOP Poll
[resolved] Poll formatting issues (3 posts)

  1. tajenli
    Member
    Posted 8 months ago #

    Dear YOP team,

    I really love your polls system. It's very powerful.

    However, I got couple formatting issues:

    1. In a theme called Customizr, the answer text beside the radio button all go to next line, in both widget & post\page. Please take a look at my testing site.

    http://tajenli.org/wp01/
    http://tajenli.org/wp01/2013/10/29/yop-poll/

    On my localhost, I got same issue on Twenty Twelve theme, but only in post. Please see the link below:
    https://drive.google.com/file/d/0B_r-mfalwcQCS2lzUnpPT1RSSFE/edit?usp=sharing

    Could you help?

    2. Also, I like to make the background transparent, or a color background with a border. Where I can find the css style and modify it?

    Thanks,
    Darren

    http://wordpress.org/plugins/yop-poll/

  2. YOP
    Member
    Plugin Author

    Posted 8 months ago #

    Hi Darren,

    1. In YOP menu, go to "Templates" and edit the one you used for your poll. In the CSS section, after

    #yop-poll-answers-%POLL_ID% ul li label {

    add

    display: inline;

    and save.

    2. To style a template you have to edit it and scroll down to the CSS section.

    Best wishes,

    YOP Team

  3. tajenli
    Member
    Posted 8 months ago #

    Thank you so much for the quick reply, I just figure out myself.

    I create a new template cloned from 'white' named "none".

    1. Label alignment issue
    In this template CSS:
    I added at bottom

    li[class='yop-poll-li-answer-%POLL-ID%'] > label {
       display: inline !important;
    }

    or your way shall work too:

    #yop-poll-answers-%POLL_ID% ul li label {
        ... (don't change)
        display: inline !important;
    }

    2. change style
    under #yop-poll-container-%POLL-ID% { ==> it's at the top of css file
    I change background:### to background:none;

    I also added border & radius:

    border: solid 2px silver;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    optional (margin & padding):

    margin: 10px;
    padding:18px;

    Thanks,
    Darren

Reply

You must log in to post.

About this Plugin

About this Topic