Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Changing Color of Voting boxes in Voting Plugin.

edited April 2012 in Vanilla 2.0 - 2.8

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

«1

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.

    There was an error rendering this rich post.

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

    There was an error rendering this rich post.

  • 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

    There was an error rendering this rich post.

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

    There was an error rendering this rich post.

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

    There was an error rendering this rich post.

  • Oh sure thing 422:

    http://therxreview.com/forums/discussions

    Cheers Michael

  • 422422 Developer MVP
    edited April 2012

    your custom css file is empty !!!

    There was an error rendering this rich post.

  • 422422 Developer MVP

    put this is custom.css file

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

    There was an error rendering this rich post.

  • 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

    There was an error rendering this rich post.

  • 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

    There was an error rendering this rich post.

  • 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

    There was an error rendering this rich post.

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

Sign In or Register to comment.