Review stars size

[HoGo]

Hi,

Could you please tell me how to make review stars bigger? I tried to do it, but then the number of starts for a product is displayed incorrectly. This is because the span with coloured stars has fixed width and I do not know how to change its width. Is it set somewhere inline o by some JS?

Regards
Bogusz

[Rui Guerreiro – SUPPORT]

Hi,

Do you in the products asset?
https://www.dropbox.com/s/yt31wc4nc8wbnbm/Screenshot%202015-08-13%2017.14.17.png?dl=0

-Rui

[HoGo]

Hi,

I am sorry do I do what at product assets? I did not understad. I want to make them bigger on product page mainly bot under the product name and in “add review” form and on reviews list.

[tonn]

Hi Bogusz,

Although I’m not support I thought I’d reply. Try changing the font size in CSS:

.woocommerce .star-rating {
font-size: 18px;
}

[Rui Guerreiro – SUPPORT]

Thanks that will work.

I missed a word in my reply above, was asking about the place where you want to change it since there is more than 1 place.

-Rui

[HoGo]

Hi,

sorry but it does not, I have tried it. As I wrote in my forst message, stars get bigger, but the width of the the span for coloured stars remains the same so before i had 4,5 stars and after enlarging I have 3. This span has an inline width defined and I do not know where to change it. I enclose a screenshot so you can see what I am talking about

Regards
Bogusz

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Can you provide the link to that specific product?
-Rui

[HoGo]

Here you are
http://wzorykolory.pl/produkt/narysowana-kropka-12/

[Rui Guerreiro – SUPPORT]

Try the code below.

.single-product .star-rating span {
    width: initial!important;
}

-Rui

[HoGo]

Hi,

It is better but not good. It shows now 4 stars and it should 4.5

Bogusz

[Rui Guerreiro – SUPPORT]

It’s showing 4.5 to me.

Screenshot from your site
https://www.dropbox.com/s/zessofjvqa56kd3/Screenshot%202015-08-13%2018.22.44.png?dl=0

Try to clear the cache.
-Rui

[HoGo]

Clearing cache did not help 🙁 This is how it looks on my side

Attachments:

You must be logged in to view attached files.

[HoGo]

On the product lists on the other hand it shows all five stars.

[Rui Guerreiro – SUPPORT]

Well I realized that my solution only works in the Chrome browser. Will have to forward this one to our head developer.

-Rui

[Swift Ideas – Ed]

Unfortuatnely this isn’t possible – the way the number of stars is shown is through javascript within the WooCommerce files. This calculates the width based on the number of stars, not something you can override with css.

If you need this, you’d need to reach out to WooCommerce support to find a solution.

– Ed