How do I create a custom poll style?

A custom poll style allows you to change the look and feel of your poll. You can use our Visual Editor to create a custom style, or you can enter your own or modify the existing CSS for the poll. Note that custom poll styles are a feature of Professional and Corporate accounts.

Using the Visual Style Editor

The visual style editor is the easiest and quickest way to create a poll style. To create and manage your styles click on the “Poll Style” tab while editing a poll:

Poll Style

You’ll see a page showing the default Polldaddy styles and a custom section. Click on the “Create New” button in the custom style section:

New Style

First, give your style a name. We’re going to walk through creating a poll with a black background with white text. Our style is called “Black background”:

Now we’re ready to start using the Visual Style Editor to change our poll’s look. First, let’s change the poll’s background from white to black. First, ensure Poll Box and Background are selected on the left. In the Color (hex code) dialog, we’re going to type in “#000000″ which is the hex code for black. You can change the color to anything you like, simply click on the color wheel to make your selection:

Next, let’s be sure Question and Font are highlighted on the left-hand side. In the Color (hex code) dialog, we’re going to type in “#FFFFFF” which is the hex code for white:

Next, we’ll change the color of the question to match the title. Be sure that Answers and Font are selected on the left-hand side. In the Color (hex code) dialog, we’re going to type in “#FFFFFF” which is the hex code for white:

All we need to do is change the link color, and we’re good to go. On the left-hand side, be sure that Links and Font are selected on the left-hand side. In the Color (hex code) dialog, we’re going to type in “#FFFFFF”:

To save your custom style, click on the Save Style Settings button:

Save Style Settings

Create a poll style with CSS (advanced)

If you know CSS, then you can pretty much control all aspects of a poll’s style.

To create a CSS-based style, click on the “Poll Style” tab while editing a poll:

Poll Style

Scroll down to the bottom of the Visual Editor, and click on this link:

CSS Link

You’ll be taken to the CSS editor. Be sure to give your style a name. Modify the CSS as you see fit, and then be sure to click on the Save Style Settings button at the bottom of the page.

All of our polls are built with a series of HTML <DIV> tags, which have a certain CSS class associated with each of them. You can edit these CSS classes to choose your own colors and layouts etc.

Poll CSS Guide

Below is a diagram explaining which classes are associated with which HTML DIVs in the make up of our polls.

CSS Polldaddy Guide

Polldaddy Tweets
%d bloggers like this: