BlogPolling Logo
How to Use Custom CSS
Use the following classes in your CSS stylesheet to customize the design of your polls. The sample poll on the right is displayed using the CSS stylesheet code you see on the left. This example will get you started, feel free to experiment!
<style type="text/css">
  .BlogPollingShell {
    width: 160px;
    max-width: 160px;
    font-face: 'Trebuchet MS',Geneva,Verdana,sans-serif;
    background-color: transparent;
    border: 1px solid #8C8C7B;
    padding:  1px 1px 1px 1px;
  }
  
  .BlogPollingTitle {
    color: #006363;
    border: 1px solid #999999;
    background-color: #eeeeee;
    padding: 2px 2px 2px 2px;
    margin: 0;
    font-size:13px;
    font-weight:bold;
    text-align: CENTER;
  }
  
  .BlogPollingContent {
    padding: 2px 2px 2px 2px;
    font-size:11px;
    font-weight:normal;
  }
  
  .BlogPollingQuestion {
    margin:0px 0px 5px 0px;
    font-face: Geneva,Verdana,Arial,sans-serif;
    font-size:12px;
    font-style:italic;
    font-weight:bold;
    text-align: left;
  }
  
  .BlogPollingAnswer {
    font-size:10px;
    text-align: left;
  }
  
  .BlogPollingDropDown {
    color: #006363;
    background-color: #eeeeee;
  }
  
  .BlogPollingVoteButtonRow {
    margin:10px 4px 10px 4px;
    text-align: center;
  }
  
  .BlogPollingVoteButton {
    background-color: #eee;
    color: #333;
    border-width: 2px;
    border-style: solid;
    border-color: #ccc #999 #999 #ccc;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 4px 2px 4px;
  }
  
  .BlogPollingBadgeRow {
    text-align: center;
    margin:10px 0px 10px 0px;
  }
  
  .BlogPollingResultsAnswer {
    font-size:10px;
    color: #006363;
    text-align: left;
  }
  
  .BlogPollingResultsChartRow {
    margin:1px 0px 2px 0px;
    font-size:9px;
    font-weight:bold;
    white-space: nowrap;
    text-align: left;
  }
  
  .BlogPollingResultsChartBarOn {
    background-color: #006363;
  }
  
  .BlogPollingResultsChartBarOff {
    background-color: #CCCCCC;
  }
  
  .BlogPollingResultsTotalsRow {
    font-weight:bold;
    text-align: center;
    font-size:11px;
    padding: 2px 2px 2px 2px;
  }
</style>