### [How to Style the Poll Results Confirmation Screen](https://wpforms.com/developers/how-to-style-the-poll-results-confirmation-screen/)

**Published:** October 31, 2019
**Author:** Editorial Team

**Excerpt:** You can easily style the poll results that appear on the confirmation screen with a small amount of CSS and we'll show you how! 

**Content:**

## Overview

Would you like to style the poll results screen that’s shown on the confirmation page? When using the **Survey and Polls** addon you can easily choose to display these results inside your confirmation message. With a little CSS you can easily change the styling of these results. In this tutorial, we’re going to walk you through each step on how to change the style for the poll results.

By default, styling is already added to the poll results.

![Default styling for poll results](https://wpforms.com/wp-content/uploads/2019/10/default-styling-poll-results.jpg)

## Setup

For the purpose of this documentation, we’ll assume you’ve already created your form by following the [steps in this tutorial](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/ "How to Install and Use the Surveys and Polls Addon").

#### Enabling the Poll Results

To begin, open the form builder and go to the **Settings » Surveys and Polls** tab.

Once there, click the checkbox **Enable Poll Results**.

![Under the form builder in Surveys and Polls tab of the Settings panel, click to Enable Poll Results](https://wpforms.com/wp-content/uploads/2019/10/wpforms-enable-poll-results.jpg)

#### Adding the CSS code

To style the poll results, you’ll need to copy and paste this CSS to your site. If you need some help with how to add CSS to your site, [please check out this tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "How to Add Custom CSS Styles for WPForms").

```

#wpforms-confirmation-194 .wpforms-poll-answer-bar {
    background-color: #c45e1b;
    background: repeating-linear-gradient(45deg, #c45e1b, #c45e1b 10px, #f08a5d 10px, #f08a5d 20px);
    border-right: 1px solid #c45e1b;
}
 
#wpforms-confirmation-194 {
    background: transparent;
    border: none;
}
```

For a more detailed explanation of linear-gradients, please see the [Mozilla documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient "linear-gradient()").

Remember to update the **-194** to match the form ID of your specific form. If you need help finding your form ID, please [review this tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "How to Locate Form ID and Field ID").

![Poll results section of confirmation page](https://wpforms.com/wp-content/uploads/2019/10/wpforms-poll-results-styling.jpg)

If you need any assistance in picking your gradient colors in the CSS above, please visit the [CSS Gradient site](https://cssgradient.io/ "CSS Gradient") for the online (free) generator.

And that’s it! You’ve now successfully used CSS to change the styling of the poll results on the confirmation screen. Would you like to learn how to style the placeholders in your form fields? Take a look at this tutorial on [How to Style Placeholder Text for Form Fields](https://wpforms.com/developers/style-placeholder-text-for-form-fields/ "How to Style Placeholder Text for Form Fields").

**Categories:** Snippets

**Tags:** CSS

---