BuddyPress Poll – CSS Adjustment with Thrive theme

Every theme has their own style and sometimes we need theme specific CSS fixed to display option better.

To Display Poll better with Poll you will need following CSS code included inside you custom CSS section.
You can also use 

.bpolls-sortable-handle, .bpolls-option-delete{

width: 53px;

height: 40px;

line-height: 40px;

padding: 0 !important;

}

.bpolls-input{

margin-bottom:0px !important;

height: 40px;

border-bottom: 1px solid #fafafa !important;

border-top: 1px solid #fafafa !important;

}

.bpolls-check-radio-div input[type=”radio”]{

position: absolute;

margin: 6px 0;

}

.bpolls-check-radio-div .bpolls-option-lbl{

margin-top: 1px;

margin-bottom: 0;

margin-left: 20px;

margin-right: 50px;

font-size: 14px;

}

.bpolls-check-radio-div .bpolls-percent{

top: 5px;

position: absolute;

right: 10px;

}

.bpolls-html-container .bpolls-icon{

float: right;

margin-right: 15px;

margin-top: -40px;

position: relative;

z-index: 10;

}

.bpolls-vote-submit {

font-size: 13px;

background: #673ab7!important;

color: #ffffff!important;

margin-bottom: 10px !important;

display: inline-block;

font-weight: 500;

letter-spacing: 1px;

}

label.bpolls-option-lbl {

display: inline-block!important;

}

Update on November 27, 2018