Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter
Support for Vanilla Forums Cloud product

In this Discussion

Follow Us


Changing Color of Voting boxes in Voting Plugin.

edited April 2012 in Questions

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

Answers

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

  • 422422 Developer MVP

    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.

    422 Real Estate Australia , now open Check it out

  • 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?

  • 422422 Developer MVP

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

    422 Real Estate Australia , now open Check it out

  • Vanilla version 2.0.18.4 by Mark O'Sullivan.

    Yes it was the default when I installed.

  • 422422 Developer MVP

    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

    422 Real Estate Australia , now open Check it out

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

  • 422422 Developer MVP

    Firebug is your friend.

    422 Real Estate Australia , now open Check it out

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

  • 422422 Developer MVP
    edited April 2012

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

    422 Real Estate Australia , now open Check it out

  • 422422 Developer MVP
    edited April 2012

    your custom css file is empty !!!

    422 Real Estate Australia , now open Check it out

  • 422422 Developer MVP

    put this is custom.css file

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

    422 Real Estate Australia , now open Check it out

  • 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; }

  • 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

  • 422422 Developer MVP
    edited 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 Real Estate Australia , now open Check it out

  • 422422 Developer MVP

    < 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

    422 Real Estate Australia , now open Check it out

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

  • 422422 Developer MVP

    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

    422 Real Estate Australia , now open Check it out

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

  • 422422 Developer MVP

    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.

    422 Real Estate Australia , now open Check it out

  • Details sent. Thank you in advance.

Sign In or Register to comment.