Poll Enhancement v1

[Shelley]

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]

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/

 

[ArnyVee]

Very cool touch

Here is my before and after picture....

 

[SportainmentMG]

Do you know how we change the poll result color?

 

[Shelley]

Do you know how we change the poll result color?

you want to be looking at .pollResults .count & .pollResults .percentage

.pollResults .count {
color: red;
}

.pollResults .percentage {
color: green;
}

 

[SportainmentMG]

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

 

[Shelley]

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

Ah no worries. try

.pollResult .bar {
    background: none repeat scroll 0 0 red !important;
}
.pollResult .barContainer {
    border: 1px solid green !important;
}

 

[fredrikse]

Nothing happens when I paste the css code into the extra.css template. What might be wrong?

 

[ArnyVee]

Nothing happens when I paste the css code into the extra.css template. What might be wrong?

Make sure that you have placed the CSS into the right style template.

 

[fredrikse]

I thought the CSS code was going into the EXTRA.css template, which seems to be correct according to the instructions.

 

[ArnyVee]

I thought the CSS code was going into the EXTRA.css template, which seems to be correct according to the instructions.

Yes, but each style has its own EXTRA.css template.

 

[fredrikse]

Yes, but each style has its own EXTRA.css template.

Right now I have altered the CSS for my custom style. Should it be done in the standard xenForo style?

 

[Shelley]

Right now I have altered the CSS for my custom style. Should it be done in the standard xenForo style?

Yes, if your wanting the changes for any other style you'll have to included and add in the css in the styles extra css template.

 

[MirrorMan]

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:

    color: none !important;
    font-family: none !important;
    font-size: 0 !important;

With:

    text-indent: 40px;
    overflow: hidden;

 

[Shelley]

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:

    color: none !important;
    font-family: none !important;
    font-size: 0 !important;

With:

    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.

 

[Blatchy]

For some reason I have a border around the image..

How do I remove this?

 

[Shelley]

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

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

 

[Blatchy]

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

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

Yes I am quite sure.

 

[Shelley]

Yes I am quite sure.

Check and remove the border in your extra.css which should be by .questionMark in your css code.

 

[Blatchy]

This? (bolded part) do I completely remove it? Thanks

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