0

Всем доброго дня!

Помогите разобраться. Криво отображается звездный рейтинг на странице товара. Пытался менять стили, подключал FontAwesome, все бесполезно.

Может кто сталкивался...

star-rating {
    float:right;
    overflow:hidden;
    position:relative;
    he‌​ight:1em;
    line-height‌​:1;
    font-size:1em;
    wid‌​th:5.4em;
    font-family‌​:star
}

.woocommerce .star-rating::before {
    content:'\73\73\73\73\73';
    color:#d3ced2‌​;
    float:left;
    top:0;
    le‌​ft:0;
    position:absolu‌​te
} 

скрин

7
  • 1
    Приложите css-код в вопрос в виде текста 25 июл 2017 в 9:24
  • CSS стандартный WooCommerce. Стили не менял: star-rating{ float:right; overflow:hidden; position:relative; height:1em; line-height:1; font-size:1em; width:5.4em; font-family:star} .star-rating::before{ content:'\73\73\73\73\73'; color:#d3ced2; float:left; top:0; left:0; position:absolute} 25 июл 2017 в 9:28
  • У вас на картинке стиль обведён в красную рамку. Его надо приложить к вопросу в виде текста 25 июл 2017 в 9:30
  • star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:left;top:0;left:0;position:absolute} star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0} 25 июл 2017 в 9:36
  • а в чем проблема ? в том, что $ и звезда накладываются? ну и поставьте одну из span display: none; 25 июл 2017 в 10:44

1 ответ 1

0

Решение следующее:

.woocommerce .star-rating span::before {
    font-family:Star!important;
}

.woocommerce .star-rating::before {
    font-family:Star!important;
}
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.