Poll Widget: Branding Colors Guide - Setup and Visual Effects For Overlay Template

Poll Widget: How to Configure Branding Colors from the Portal

Colors are essential for making your poll widgets match your brand identity and for creating an engaging user experience. This guide shows you how to configure colors for the Poll widget and teaches you with visual guides what each color controls when you choose an Overlay template layout.

📖 How do I access color settings in the Management Portal?

Navigate to the Management Portal and log in to your account
In the left sidebar, locate and click on POLLS
Select the specific poll you want to configure
In the poll management screen, locate the Branding section on the right side
Click on the Colors tab within the Branding section

In the left sidebar within the Portal, locate and click on Polls. Select the specific poll you want to configure

⚙️ What Does Each Color Control for Overlay Template Polls?

Our Poll widget offers three different template layouts: Standard, Split and Overlay. The Overlay template features content overlaid directly on top of your background image, creating an immersive visual experience. Colors play a crucial role in ensuring readability and guiding user attention. Properly configured colors ensure your poll widgets match your brand identity, create clear visual hierarchy, and provide a professional appearance that enhances user engagement.

Here's a quick overview of what each color controls on the Poll Widget UI (For the Overlay Template Layout):

Primary Color - Selected answer options color, main action button color ('Vote' button)
Content Color - Poll label and description text color
Background Color - Overlay panel background color (where poll options are displayed) and results screen panels background colors
Border Color - Widget outer border color

📌 Wondering What Each Color Controls for the Other Layout Templates? Read Our Other Articles:

🎨 Primary Color: How Do I Set It? What Does It Control in My Poll Widgets?

(Example shown with #EDDB3E)

The Primary Color is one of your main brand colors and appears in key interactive elements of your Overlay template poll. It affects:

Selected options - When users select an option, it highlights in your Primary Color
Vote button - The main call-to-action button that submits the user's vote
Selected answer in results view - The answer option that the user voted for is highlighted in your Primary Color on the results screen

How to set it: Navigate to the Management Portal > Polls > Select your poll > Branding section > Colors tab > Enter your color in the "Primary Color" field.

Colored selected answer option and Vote button

Colored selected answer in results view

🎨 Content Color: How Do I Set It? What Does It Control in My Poll Widgets?

(Example shown with #EDDB3E)

The Content Color controls specific text elements in your Overlay template poll. It affects:

"POLL" label text - The small label that appears above your poll title
Description text - The explanatory text that appears below the main poll question

How to set it: Navigate to the Management Portal > Polls > Select your poll > Branding section > Colors tab > Enter your color in the "Content Color" field.

Colored "POLL" label text and description text

🎨 Background Color: How Do I Set It? What Does It Control in My Poll Widgets?

(Example shown with #D1EBA2)

The Background Color sets the background for the overlay panels in your poll widget. It affects:

Overlay panel background - The background area where the poll options are displayed
Results screen background - The background area of the overlay panels on the results screen

How to set it: Navigate to the Management Portal > Polls > Select your poll > Branding section > Colors tab > Enter your color in the "Background Color" field.

Overlay panel background (Options area)

Results screen overlay panels background

🎨 Border Color: How Do I Set It? What Does It Control in My Poll Widgets?

(Example shown with #CF2D38)

The Border Color defines the outline of your Overlay template poll widget. It affects:

Widget outer border - The border around the entire poll widget

How to set it: Navigate to the Management Portal > Polls > Select your poll > Branding section > Colors tab > Enter your color in the "Border Color" field.

Widget outer border

Further Reading