Верстка звездочек для рейтинга

[Светлана Г.]

Подскажите, пожалуйста, как формируются здесь звездочки:

 

http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/

 

Понимаю, что этот код:

 

.star-rating {

1. overflow: hidden;
2. position: relative;
3. height: 14px;
4. line-height: 14px;
5. font-size: 14px;
6. width: 75.6px;
7. font-family: 'star';

}

 

.star-rating:before {

1. content: "\53\53\53\53\53";
2. color: #949da5;
3. float: left;
4. top: 0;
5. left: 0;
6. position: absolute;

}:

 

Здесь используется шрифт  "star". Не понимаю, он же где-то должен подключаться.

 

Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

Edited August 16, 2014 by Светлана Г.

[Sergik+]

Подскажите, пожалуйста, как формируются здесь звездочки:

 

http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/

 

Понимаю, что этот код:

 

.star-rating {

1. overflow: hidden;
2. position: relative;
3. height: 14px;
4. line-height: 14px;
5. font-size: 14px;
6. width: 75.6px;
7. font-family: 'star';

}

 

.star-rating:before {

1. content: "\53\53\53\53\53";
2. color: #949da5;
3. float: left;
4. top: 0;
5. left: 0;
6. position: absolute;

}:

 

Здесь используется шрифт  "star". Не понимаю, он же где-то должен подключаться.

 

Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

Используются специальные шрифты в которых есть такие звездочки, подгружаются с помощью font-face.

[Светлана Г.]

Спасибо!

[xzarxzes]

Этот шрифт подключается из плагина для вордпресса woocommerce.css. Можно зайти на github woocommerce и найти там этот шрифт.

Edited August 16, 2014 by xzarxzes

[Светлана Г.]

Этот шрифт подключается из плагина для вордпресса woocommerce.css. Можно зайти на githab woocommerce и найти там этот шрифт.

 

Спасибо! большое! Буду разбираться теперь с подключением. У нас загружены все файлы этого шаблона на сервер. Значит, шрифт тоже должен был подключиться.

Нет, не подключен. Он отдельно грузится для Woocommerce. А мы не используем этот плагин.

Теперь все понятно, почему не выводятся у нас звездочки.

 

Спасибо всем за помощь!

[xzarxzes]

 

Этот шрифт подключается из плагина для вордпресса woocommerce.css. Можно зайти на githab woocommerce и найти там этот шрифт.

 

Спасибо! большое! Буду разбираться теперь с подключением. У нас загружены все файлы этого шаблона на сервер. Значит, шрифт тоже должен был подключиться.

Нет, не подключен. Он отдельно грузится для Woocommerce. А мы не используем этот плагин.

Теперь все понятно, почему не выводятся у нас звездочки.

 

Спасибо всем за помощь!

 

Я сейчас поставил на вордпресс woocommerce, у меня этот шрифт по адресу /wp-content/plugins/woocommerce/assets/fonts/star. Вам надо поставить woocommerce тогда у вас появятся звездочки

Edited August 16, 2014 by xzarxzes