Home > FAQs > Fans United Widgets: Polls FAQs > Poll Widget: Branding Colors Guide - Setup and Visual Effects For Standard Template

Poll Widget: Branding Colors Guide - Setup and Visual Effects For Standard 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 a Standard template layout.

πŸ“– How do I access color settings in the Management Portal?

  1. Navigate to the Management Portal and log in to your account
  2. In the left sidebar, locate and click on POLLS
  3. Select the specific poll you want to configure
  4. In the poll management screen, locate the Branding section on the right side
  5. 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 Standard Template Polls?

Our Poll widget offers three different template layouts: Standard, Split and Overlay. The Standard template uses a card-based layout where colors play a crucial role in 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 Standard Template Layout):

  • Primary Color - Selected answer options color, main action button color ('Vote' button)
  • Secondary Color - Poll label and description text color
  • Content Color - Poll title color
  • Background Color - Poll options container background color
  • 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 Standard 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
  • Vote Again button - The button border on the results screen that allows users to vote again

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 and Vote Again button

 


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

(Example shown with #CF2D38)

The Secondary Color appears on specific text elements at the top of your Standard 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 "Secondary Color" field.

Colored "POLL" label text and description text

 


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

(Example shown with #38733F)

The Content Color controls the main title text in your Standard template poll. It affects:

  • Poll title - The main headline/question of your poll

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 title

 


🎨 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 color for the poll options area in your Standard template poll widget. It affects:

  • Poll options container background - The background area where poll options are displayed

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.

Poll options container background

Results screen container 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 Standard 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