• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Poll Enhancement

Poll Enhancement v1

No permission to download

Shelley

Well-known member
#1
Shelley submitted a new resource:

Poll Enhancement (version v1) - Poll Enahnceementnmwenqfikerhy

This derived from brogans icon replace in poll post and I thought I'd extend that and post a further enhancement by making the whole poll area a little more prominent. This alteration will change both the icon and the background.

Bare in mind, you can always change the colours to your own preference and/or style/site design.

First upload the poll.png icon into your widgets folder.
Secondly, Copy and paste the following into your EXTRA.css...
Read more about this resource...
 

RobParker

Well-known member
#2
Just done this and it looks much better now, thanks :)

It might be worth pointing out that the widgets folder is in styles/<style_name>/xenforo/widgets/
 
#6
Sorry Shelley,
I hate bothering you as I know you are a busy person but I meant the actual bar part of the poll currently #F9D9B0 I think.

But it doesn't matter you code has helped me to work it out :D
 

Shelley

Well-known member
#7
Sorry Shelley,
I hate bothering you as I know you are a busy person but I meant the actual bar part of the poll currently #F9D9B0 I think.

But it doesn't matter you code has helped me to work it out :D
Ah no worries. try

Code:
.pollResult .bar {
    background: none repeat scroll 0 0 red !important;
}
.pollResult .barContainer {
    border: 1px solid green !important;
}
 
#14
I love the replacement icon, but for some reason the ? was still showing on top of it.

I fixed it by adjusting the .pollBlock .questionMark class

Replace:
Code:
    color: none !important;
    font-family: none !important;
    font-size: 0 !important;
With:
Code:
    text-indent: 40px;
    overflow: hidden;
 

Shelley

Well-known member
#15
I love the replacement icon, but for some reason the ? was still showing on top of it.

I fixed it by adjusting the .pollBlock .questionMark class

Replace:
Code:
    color: none !important;
    font-family: none !important;
    font-size: 0 !important;
With:
Code:
    text-indent: 40px;
    overflow: hidden;
Thanks i'll have to re-visit a few resources in the future and make updates to them when and as time permits.
 

Shelley

Well-known member
#17
For some reason I have a border around the image..

How do I remove this?
Are you sure it's a border and not a background-color? A screenshot or a link to your forum where the poll is located would help so I could debug the issue? I'm guessing what the issue is but try adding the following to your EXTRA.CSS template

Code:
#PollContainer .pollBlock .questionMark {background: none repeat scroll 0 0 transparent;}
 

Blatchy

Active member
#18
Are you sure it's a border and not a background-color? A screenshot or a link to your forum where the poll is located would help so I could debug the issue? I'm guessing what the issue is but try adding the following to your EXTRA.CSS template

Code:
#PollContainer .pollBlock .questionMark {background: none repeat scroll 0 0 transparent;}
Yes I am quite sure.

 

Blatchy

Active member
#20
This? (bolded part) do I completely remove it? Thanks

Code:
.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;