Changing Color of Voting boxes in Voting Plugin.

mikeymccoy

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

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

422

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

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

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

mikeymccoy

Vanilla version 2.0.18.4 by Mark O'Sullivan.

Yes it was the default when I installed.

422

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

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

Firebug is your friend.

mikeymccoy

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

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

mikeymccoy

Oh sure thing 422:

http://therxreview.com/forums/discussions

Cheers Michael

422

your custom css file is empty !!!

422

put this is custom.css file

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

mikeymccoy

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

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

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

< 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

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

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

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.