Did you know you can customize bar chart poll results? Customization on your app can be easy if you follow these simple instructions.






1. Identify the desired color(s) for bar charts by HEX or RGB color code. Use a site like color-hex.com to help generate the color codes if you are unsure.


2. With the color code(s) identified, return to the Conferences i/o app. In Admin settings, click the Branding & Custom CSS button.


3. Scroll down to the yellow Custom CSS box. There may already be text in this box so make sure to start a new line.


4. Copy and paste the CSS (below) into the box.

  
.bar-chart .row-1 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-2 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-3 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-4 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-5 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-6 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-7 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-8 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-9 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-10 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-11 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-12 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-13 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-14 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart .row-15 td.poll-percentage-bar span {
    background: #HEXHERE;
}
.bar-chart td.poll-percentage-bar span {
    background: none;
    border: none;
}
  

5. Replace 'HEXHERE' with the corresponding color code. The color code can be different on every line.  

Each row of CSS ('.bar-chart .row-1' , '.bar-chart .row-2') represents the order of the bars in the bar chart. You can create up to 15 response options for multiple choice polls which is why we see 15 rows of code. You may not need all 15 rows depending on your maximum number of response options on a multiple choice poll question. 


Note: Changing the colors of bar charts will be applied to all multiple choice bar chart poll questions in all sessions. This customization will only be reflected on bar charts and not pie charts.