Star-raiting icon in widget area

Ask Theme Error & Bug Related Issues Here
kazio73
Posts: 3
Joined: April 11th, 2016, 8:20 pm

Star-raiting icon in widget area

Postby kazio73 » December 8th, 2016, 2:22 am

Hi,

I have problem with star-raiting font/icon in footer widget area on my page (www.dobrykolor.pl) At this time, instead of stars I have numbers. After making a few amendments in woocommerce.css file I got star-rating icons on the shop footer page, But still i have the same problem with stars on the main page. Maybe someone can find a solution for my problem?

--
br
Kazik
support_staff
Posts: 6607
Joined: February 26th, 2015, 1:40 pm

Re: Star-raiting icon in widget area

Postby support_staff » December 8th, 2016, 1:27 pm

Hello,

Kazik

insert given code into Custom CSS Editor

Code: Select all

.star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } 
.star-rating span { overflow: hidden; float: none; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-family: star; color: gold; } ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .star-rating { float: none; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; }
Let us know for further query
kazio73
Posts: 3
Joined: April 11th, 2016, 8:20 pm

Re: Star-raiting icon in widget area

Postby kazio73 » December 8th, 2016, 1:51 pm

Thank you for your very quick help. :). I have one request more. The emotj icons have bad positionig in text part. Please look in opinion in shop product card. For example https://www.dobrykolor.pl/sklep/profil-icc-monitor/ and overlap opinion about the product. Maybe some small part of the css code placed in "Custom css" can resolve this problem?
support_staff
Posts: 6607
Joined: February 26th, 2015, 1:40 pm

Re: Star-raiting icon in widget area

Postby support_staff » December 10th, 2016, 12:07 pm

can you please describe it by screen-shots how you want set emojis with text.it will help us to set emojis and text css code as your requirement
kazio73
Posts: 3
Joined: April 11th, 2016, 8:20 pm

Re: Star-raiting icon in widget area

Postby kazio73 » January 9th, 2017, 5:10 pm

I have new issue. Now, instade stars in the product opinion I have yellow digit 3 and 5. Same as writed in the code span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } :(
support_staff
Posts: 6607
Joined: February 26th, 2015, 1:40 pm

Re: Star-raiting icon in widget area

Postby support_staff » January 10th, 2017, 1:46 pm

it seems code does not work in custom css so please open style.css file from theme folder and paste given code at end of file and Let us know for further query

Code: Select all

.star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } 
.star-rating span { overflow: hidden; float: none; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-family: star; color: gold; } ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .star-rating { float: none; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; }

Return to “Theme Problem, Error & Bug”

Who is online

Users browsing this forum: No registered users and 1 guest