WordPress.org

Support

Support » Plugins and Hacks » YOP Poll » [Resolved] Centering Poll with CSS

[Resolved] Centering Poll with CSS

  • Hello,

    I’m looking for advice on how to center everything together through CSS. I want the poll to be the same size, just center aligned.

    I’m imagining that it’s done through the theme’s CSS, and also that someone may have done it before and is willing to help.

    Thanks!

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

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

    @yourownprogrammer

    Hi Theden,

    Please provide a link to your website so we may assist.

    Regards,

    YOP Team

    My website is currently locally hosted. It is simply a stock wordpress site, using the twenty twelve theme.

    For text, if I use <div style=”text-align:center”> blah blah blah </div> the text is centered the way I want the poll to be. I assume this is possible with CSS too, although I am not a CSS person.

    Thanks again for any assistance you can offer.

    Plugin Author YOP

    @yourownprogrammer

    Hey Theden,

    From the main menu go to “Templates” and edit the template you used for your poll. In the CSS section, replace

    #yop-poll-container-%POLL-ID% {
    width:200px;
    background:#555;
    padding:10px;
    color:#fff;
    overflow:hidden;
    font-size:12px;
    }

    with

    #yop-poll-container-%POLL-ID% {
    width:200px;
    background:#555;
    padding:10px;
    color:#fff;
    overflow:hidden;
    font-size:12px;
    text-align:center;
    }

    and save.

    Best wishes,

    YOP Team

    My sidebar isn’t 200px and the whitespace created is ugly to look at. How do I fix this?

    Thanks YourOwnProgrammer.

    That aligns the text to the centre of the poll and keeps the poll on the left of the screen. I was hoping to have the whole poll aligned to the centre of the screen.

    Is this possible?

    Plugin Author YOP

    @yourownprogrammer

    Hello

    From the main menu go to “Templates” and edit the template you used for your poll. In the CSS section look for this code

    #yop-poll-container-%POLL-ID% {
    width:200px;

    Replace 200px with the size that fits your needs.

    Best Regards,
    YOP Team

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Centering Poll with CSS’ is closed to new replies.
Skip to toolbar