Home Forums WC Vendors Pro Support Changing the star ratings colour and other changes

NOTICE: We've Moved to a Ticket System for Support

As of August 31, 2017 (12am EST) our support forums will be retired (read-only), and we will be moving to a support ticket system.  This will allow us to better organize and answer support requests, and provide a more personalized experience as we assist our customers.

For the time being, we will leave our forums open for reading and learning while we work on creating a more robust Knowledge Base for everyone to use.

If you are a WC Vendors Pro customer please open a support ticket here. 

If you are a WC Vendors user please open a support ticket on the Wordpress.org forums.

The information on this forum is outdated and in most instances no longer relevant. Please be sure to check our documentation for the most up to date information.

https://docs.wcvendors.com/

Thank you to all of our customers!

 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #20317
    robhorsfall
    Participant

    Hi there

    I am wanting to change the star ratings colour from black or blue(how it is at the moment) to a gold or yellow colour. Any ideas?

    Also on the pro dashboard looking to change the abckground colour of the toolbar from black to another colour(see attached screeenshot)?

    Any ideas?

    Many thanks

    Rob

    #20320
    Anna
    Member

    I think you can change some of this with css.

    View your website in a browser (firefox or chrome..). Right click on the element that you wish to change. Select “inspect element” from the drop down box. This will bring up a new half-window that will show the various code/css that affects this particular element.

    From my very quick test of going to the WC Vendors Pro test site and right-clicking on the star ratings, I think perhaps the stars can be changed using .star-rating in your css.

    So you can try putting something like this in your child theme’s style.css file:

    .star-rating {
    color: #cccccc;
    }

    If it does not work at first, try putting !important:

    .star-rating {
    color: #cccccc !important;
    }

    I’m not sure about the dashboard pages… I’d have to look into it more but they can probably be changed using css. I haven’t get gotten to customizing my vendor shop elements and dashboard elements- I’m waiting for the 1.2 release before I dive in. 😉

    hth

    #20324
    robhorsfall
    Participant

    Thanks Anna

    I tried that but it didnt work, I also tried:

    }

    .fa fa-star {
    color: #cccccc !important;
    }

    But that did not work either, my coding is very poor!

    Ben, any suggestions?

    Thanks

    #20334
    Anna
    Member

    Bummer…
    Well I will be customizing some later today…
    I’ll try it out on my site and see if I can find how to change it.
    May be Ben will help out, too. 🙂

    #20335
    WC Vendors Support
    Participant

    I have a better chance of winning the lottery than being helpful with CSS. 🙂

    #20359
    Arvid Viderberg
    Participant

    Regarding the background, you can change it by changing the following classes. Give it a try! 🙂
    Note: You might need to use the !important attribute on some of the classes.

    This one changes the main background:

    .wcv-navigation ul.menu.black{
    color: #fff !important;
    }

    This one changes the link attributes:

    .wcv-navigation ul.menu.black li a{
    color: #777;
    background-color: #eee !important;
    }

    And this one changes when you hover over the links:

    .wcv-navigation ul.menu.black li a:hover{
    color: red;
    }
    #22073
    robhorsfall
    Participant

    Thank you Arvid V. I wish I knew how you work that out. Two of the options you gave me worked(the bottom two codes but I still have not been able to remove the black background box.

    The code .wcv-navigation ul.menu.black{
    color: #fff !important;
    }

    did not seem to work. Also still trying to change the star ratings to yellow but have not had much luck.

    #22313
    Arvid Viderberg
    Participant

    What version of wcv pro are you using? 🙂

    #22605
    robhorsfall
    Participant

    Thanks Arvid. I eventually found out what I was doing wrong and got it to work.

    Thank you for your help though.

    #23248
    Anna
    Member

    I’m not sure if you’re still looking to change the star color or if you figured it out.
    This is how I’ve changed the star color. The i.fa.fa-star is the solid stars; the i.fa.fa-star-o is the border / open star.

    i.fa.fa-star, i.fa.fa-star-o {
    color: #d83800;
    }

    If you’re using the .fa-star icon anywhere else on your site this will also change the color— so check that. 😉

    Cheers

    #23280
    robhorsfall
    Participant

    Thanks Anna. That is very helpful.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘WC Vendors Pro Support’ is closed to new topics and replies.
This website uses cookies to ensure you get the best experience on our website.