![[HSX] HeadShot Xtreme is officially recognized by the Central Outpost as a genuine gaming organization.](https://www.headshotdomain.net/files/coRpSE/cnopseal_X74-MEW1.png "[HSX] HeadShot Xtreme is officially recognized by the Central Outpost as a genuine gaming organization.")
Recently I updated the installation instructions to the Multivote forum mod, and it was recently asked how to change the colors of the bar graph when you set up a vote. Well, Instead of posting in that topic for it to get buried, I figured I would post here for ease of finding for future use.
At this moment in time, this is what you need to do, just note, this is general instructions and your theme may have something custom instead.
OPEN:
public_html/themes/YOUR_THEME/css/style.css
SEARCH:
Do a search for the word progress, You may find something that looks like:
If you don't find that, no worries, then just go to the bottom of the page and do the following
AFTER, ADD:
Note, change the colors to match what you want. This should change it on all or most modern browsers. Not sure about mobile.
Also, if you didn't have that line or anything similar to it, you can add it in right before you paste in the code for the colors. That code will allow you to change the height and what not.
This is in concurrent with the post here:
and a response to the post after it about the colors.
At this moment in time, this is what you need to do, just note, this is general instructions and your theme may have something custom instead.
OPEN:
public_html/themes/YOUR_THEME/css/style.css
SEARCH:
Do a search for the word progress, You may find something that looks like:
Code: [ Select all ]
progress{background-color:#f3f3f3;border:0;height:12px;}If you don't find that, no worries, then just go to the bottom of the page and do the following
AFTER, ADD:
Code: [ Select all ]
/* For Chrome or Safari */
progress::-webkit-progress-bar { background-color: #444; }
progress::-webkit-progress-value { background-color: #FFA200 !important; }
/* For Firefox */
progress { background-color: #444; }
progress::-moz-progress-bar { background-color: #ffa200 !important; }Note, change the colors to match what you want. This should change it on all or most modern browsers. Not sure about mobile.
Also, if you didn't have that line or anything similar to it, you can add it in right before you paste in the code for the colors. That code will allow you to change the height and what not.
This is in concurrent with the post here:
| Please login to see this link Get registered or Log in |
and a response to the post after it about the colors.
Thank you very much m8, works a treat.