Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Review stars size
New Landing › How can we help? › Atelier › Review stars size
- This topic has 22 replies, 5 voices, and was last updated 9 years by Kyle – SUPPORT.
-
Posted in: Atelier
-
August 13, 2015 at 5:00 pm #203790
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
BoguszAugust 13, 2015 at 5:14 pm #203799Hi,
Do you in the products asset?
https://www.dropbox.com/s/yt31wc4nc8wbnbm/Screenshot%202015-08-13%2017.14.17.png?dl=0-Rui
August 13, 2015 at 5:20 pm #203802Hi,
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.
August 13, 2015 at 5:38 pm #203809Hi Bogusz,
Although I’m not support I thought I’d reply. Try changing the font size in CSS:
.woocommerce .star-rating {
font-size: 18px;
}August 13, 2015 at 5:50 pm #203810Thanks 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
August 13, 2015 at 5:58 pm #203813Hi,
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
BoguszAttachments:
You must be logged in to view attached files.August 13, 2015 at 6:00 pm #203815Can you provide the link to that specific product?
-RuiAugust 13, 2015 at 6:03 pm #203818Here you are
http://wzorykolory.pl/produkt/narysowana-kropka-12/August 13, 2015 at 6:17 pm #203825Try the code below.
.single-product .star-rating span { width: initial!important; }
-Rui
August 13, 2015 at 6:21 pm #203828Hi,
It is better but not good. It shows now 4 stars and it should 4.5
Bogusz
August 13, 2015 at 6:23 pm #203830It’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=0Try to clear the cache.
-RuiAugust 13, 2015 at 8:01 pm #203858Clearing cache did not help 🙁 This is how it looks on my side
Attachments:
You must be logged in to view attached files.August 13, 2015 at 8:05 pm #203860On the product lists on the other hand it shows all five stars.
August 14, 2015 at 6:52 pm #204216Well I realized that my solution only works in the Chrome browser. Will have to forward this one to our head developer.
-Rui
August 15, 2015 at 7:38 pm #204329Unfortuatnely 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
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.