WordPress.org

Ready to get started?Download WordPress

Forums

YOP Poll
[resolved] Centering Poll with CSS (7 posts)

  1. Theden
    Member
    Posted 1 year 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://wordpress.org/plugins/yop-poll/

  2. YOP
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Theden,

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

    Regards,

    YOP Team

  3. Theden
    Member
    Posted 1 year 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.

  4. YOP
    Member
    Plugin Author

    Posted 1 year 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

  5. cloudduster
    Member
    Posted 1 year ago #

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

  6. Theden
    Member
    Posted 1 year 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?

  7. YOP
    Member
    Plugin Author

    Posted 1 year 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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.