• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Poll Enhancement

Brogan

XenForo moderator
Staff member
#7
Add this to EXTRA.css:
Code:
.pollResult .bar {
background: #000000;
}
Change the colour to suit.
You may need to use the !important attribute.
 

Shelley

Well-known member
#8
Crazy question: how would you change the color of the poll progression?
Insert the following into your Extra.css template and adjust the colours (hexvalues) to suit.

Code:
.pollResult .barContainer {
    border: 1px solid #91b566 !important;
}

.pollResult .bar {
    background: none repeat scroll 0 0 #c8ec9d !important;
}
 

Shelley

Well-known member
#11
Bare in mind if you also want to re-colour the border that surrounds the background you'll have to insert the code I posted. Pauls will only adjust the background.
 
#12

I edited the css to try and make it more xenforo default style
using this css bellow:
Code:
#PollContainer .secondaryContent    {
border: 1px solid #6cb2e4 !important;
background-color: #a5cae4 !important;
border-radius: 5px !important;
}
.pollBlock .question .questionText {
    color: #176093 !important;
    float: left;
    font-size: 16pt;
}
.pollBlock .pollOptions, .pollBlock .pollResults {
    border-bottom: 1px solid #6cb2e4 !important;
    border-top: 1px solid #6cb2e4 !important;
    margin: 5px 0;
    padding: 5px 0;
    width: 100%;
}
.pollBlock .questionMark {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("@imagePath/xenforo/widgets/poll.png") no-repeat scroll 0 0 !important;
    color: none !important;
    font-family: none !important;
    font-size: 0 !important;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.pollBlock .pollOption label:hover{
background: none repeat scroll 0 0 #6cb2e4 !important;
}
Thank you for this Shelly :) love it.