Changing Color of Voting boxes in Voting Plugin.

mikeymccoy · April 2012

Hey everyone I know this has been discussed here and I used some of those directions to help me but then I got stuck.

I want to change the color of boxes in the Voting Plugin so it matches my theme. So I used firebug and edited the CSS to my liking.

I then copied that and went to forums > plugins > voting > design > voting.css

and inside there edited and pasted my the new code and saved. I checked that the new code was there but nothing has changed.

I even tried deleting the entire contents of the voting.css and found nothing happened.

So Im guessing I'm doing something wrong and it should be edited somewhere else.

Can anyone help?

Cheers Michael

sarowlwp · April 2012

may be you theme has define the vote color , try to edit the /themes/xxxx/design/custom.css . you will find the answer .

422 · April 2012

The voting plugin uses its own css. Goto the voting plugin folder in ftp, open and should be a designs folder with css file in it, open and COPY THE CLASSES using copy and paste.

Then open yoyr custom.css file, paste the css you copied in. And customise.

mikeymccoy · April 2012

Ok I think that is my problem. I don't have my own custom.css file. How do I created that and then where would I place it?

422 · April 2012

What theme are you using !? Default .....

mikeymccoy · April 2012

Vanilla version 2.0.18.4 by Mark O'Sullivan.

Yes it was the default when I installed.

422 · April 2012

K in that default folder should be a design folder.

If not create one. Then inside that create a file called custom.css and paste what i told you ino this new css file.

Always always only edit a custom.css file NOT the .css file that is a core file

mikeymccoy · April 2012

Ok I tried that. So inside the themes > default > design is now a file called custom.css inside that here is the code that I placed as these were the color changes I was trying to make:

.StatBox { background: none repeat scroll 0 0 #BABDBF; float: right; font-size: 18px; font-weight: bold; height: 38px; line-height: 1.2; padding: 5px 5px 0; text-align: center; }

.StatBox, .StatBox a { color: #1E79A7; display: block; }

.ViewsBox { background: none repeat scroll 0 0 #BABDBF; } .FollowsBox { background: none repeat scroll 0 0 #BABDBF; } .AnswersBox { background: none repeat scroll 0 0 #BABDBF; border-bottom-right-radius: 2px; border-top-right-radius: 2px; margin-right: 4px; } .HasAnswersBox { background: none repeat scroll 0 0 #BABDBF; }

I cleared my browers cache and nothing seemed to change.

422 · April 2012

Firebug is your friend.

mikeymccoy · April 2012

Yes I tried looking through Firebug again but it still does not give me, with my basic understanding of it, any further indication of what i need to do to get this working.

422 · April 2012

Without a link i cannot help, its not vital its !important ;)

mikeymccoy · April 2012

Oh sure thing 422:

http://therxreview.com/forums/discussions

Cheers Michael

422 · April 2012

your custom css file is empty !!!

422 · April 2012

put this is custom.css file

.StatBox, .StatBox a {
    color: #fff !important;
    display: block;
}

mikeymccoy · April 2012

There has to be something I'm missing because if I go to my hosting account. Log in and go to my FTP File manager and go to: forums > themes > design > custom.css I now have this there :

.StatBox { background: none repeat scroll 0 0 #BABDBF !important; float: right; font-size: 18px; font-weight: bold; height: 38px; line-height: 1.2; padding: 5px 5px 0; text-align: center; }

.StatBox, .StatBox a { color: #1E79A7 !important; display: block; }

.ViewsBox { background: none repeat scroll 0 0 #BABDBF !important; } .FollowsBox { background: none repeat scroll 0 0 #BABDBF !important; } .AnswersBox { background: none repeat scroll 0 0 #BABDBF !important; border-bottom-right-radius: 2px; border-top-right-radius: 2px; margin-right: 4px; } .HasAnswersBox { background: none repeat scroll 0 0 #BABDBF !important; }

mikeymccoy · April 2012

Yes I found an older post of yours 422 that said to try and add the "!important." So I even tried that to no avail

422 · April 2012

The issue as i see it is PATHS, I asked you what theme you were using, you said NONE.

But you are, you have created a folder called therexreview

You cannot do that. Your path to forums is /forums/ so I am pretty sure you are trying to point forum to DEFAULT and explicit code to another forum theme..

You cannot do that, in the THEMES folder you should have a design folder if not create ONE.

so it should be your public_html/forums/themes/default/design/custom.css

In fact to add: in your current design folder you probably just have favicon.png

422 · April 2012

< pulls what hair he has out.

you have created a theme folder called therexreview and shoved it in your ROOT folder.

But you are using DEFAULT theme so you said.... so in DEFAULT folder in DESIGN folder add a file called custom.css

mikeymccoy · April 2012

Really sorry about that 422. This is where my understanding can of course be a huge headache for people like you. Yes someone told me to create that folder the other day when I was trying to do something else. I just deleted that whole folder "therxreview" now.

422 · April 2012

Ok.

You goto your domain via ftp.

You have ( most do ) public_html

Then your forums folder

Then your Themes folder

Then inside that you have Design folder

well inside that create a file called custom.css and PASTE in the small code snippet I gave above. SAVE and let me know

mikeymccoy · April 2012

Ok so I went to my host, I'm with GoDaddy (yes you can laugh at me) and did what you said. I will admit when you said "goto your domain via ftp" I was not sure if you meant I should use an FTP like FileZilla because inside Godaddy is where I have been editing the plugins once I upload them using FileZilla. There is also an "FTP File Manager" inside there. Yes I your probably going bald by now so I'm sorry. But I did add the code

.StatBox, .StatBox a { color: #fff !important; display: block;

there. Whether I did it in the right or wrong manner is questionable.

422 · April 2012

Nope you did it wrong.

If you want more help,you can give me your ftp details for godaddy and i will have a look. OR

EMAIL me a screenpic of your folder structure, just block out any sensitive stuff. Send to my email, by clicking on Freelance in my signature ( the email is obfuscated ) but should work fine.

mikeymccoy · April 2012

Details sent. Thank you in advance.

Howdy, Stranger!

Categories

In this Discussion

Changing Color of Voting boxes in Voting Plugin.

Answers