Centering Poll with CSS

  • Resolved Theden

    (@theden)


    12 years, 10 months ago

    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://ww.wp.xz.cn/plugins/yop-poll/

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

    (@yourownprogrammer)

    12 years, 10 months ago

    Hi Theden,

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

    Regards,

    YOP Team

    Thread Starter Theden

    (@theden)

    12 years, 10 months ago

    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)

    12 years, 10 months ago

    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

    cloudduster

    (@cloudduster)

    12 years, 10 months ago

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

    Thread Starter Theden

    (@theden)

    12 years, 10 months ago

    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)

    12 years, 10 months ago

    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 ‘Centering Poll with CSS’ is closed to new replies.