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!

This topic has 10 replies, 4 voices, and was last updated 8 years, 2 months ago by robhorsfall.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
January 10, 2016 at 11:41 am #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

January 10, 2016 at 11:59 am #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

January 10, 2016 at 12:14 pm #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

January 10, 2016 at 12:33 pm #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. 🙂

January 10, 2016 at 12:40 pm #20335

WC Vendors Support
Participant

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

January 10, 2016 at 6:13 pm #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;
}
```
January 29, 2016 at 7:36 am #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.

January 31, 2016 at 2:38 pm #22313

Arvid Viderberg
Participant

What version of wcv pro are you using? 🙂

February 2, 2016 at 7:21 am #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.

February 6, 2016 at 8:26 pm #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

February 7, 2016 at 9:12 am #23280

robhorsfall
Participant

Thanks Anna. That is very helpful.
Author

Posts