Opinion Stage supports a feature that lets you perform advanced customization using the CSS language.

The CSS settings feature can be found in the widget creation form: Settings > Look & Feel > CSS Override. After creating your CSS, copy it to the text box and click save.

Following are some customization examples:

Change title and text color on widgets cover:

#css-api h1 { color: yellow; }
#css-api p { color: yellow; }

Change background and text color of the button on widgets cover:

#css-api #css-api-start-btn {
  color: red;
  background-color: blue;
}

Change background and text color of the widget's option:

#css-api .css-api-option-box { background-color: white; }
#css-api .css-api-option-box .css-api-option-label { color: black; }

Change background and text color of the widget's option, when user hovers mouse over it:

#css-api .css-api-option-box:hover { background-color: black; }
#css-api .css-api-option-box:hover .css-api-option-label { color: white; }

Change background and text color of the widget's option, which is already selected by user:

#css-api .selected .css-api-option-box { background-color: blue; }
#css-api .selected .css-api-option-box .css-api-option-label { color: yellow; }

Change background and text color of the widget's option, which is already selected by user (user hover mouse over it):

#css-api .selected .css-api-option-box:hover { background-color: green; }
#css-api .selected .css-api-option-box:hover .css-api-option-label { color: red; }

Change poll title color (please note the "!important" statement):

#css-api h1 { color: green !important; }

For more info, please consult following articles:

Did this answer your question?