Начать новую тему

Цвет и размер текста товаров

Здравствуйте, подскажите разъясните пожалуйста по пунктам, перепробовал многое - не меняется.

Наименование и описание товара в моем магазине написано бледно серым цветом, как мне сделать размер и цвет текста более читабельным? например размер 12-14 и цвет черный, и если есть такая возможность изменить сам шрифт на более привлекательный. 

Спасибо.  

Здравствуйте.


Как мы видим, текст названия и описания товаров в вашем магазине имеет большой размер (24px - название товара и 14px - описание товара) и черный цвет. Если вы имели в виду что-то другое, пожалуйста, уточните.


Чтобы изменить шрифт элементов:


1. На странице с Редактором тем в выпадающем меню Редактировать выберите Шрифты.

2. В появившемся списке найдите элемент, стиль которого вы хотите изменить, и измените шрифт, размер или стиль.

3. Нажмите на кнопку Сохранить.


Спасибо.

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

Спасибо.

%D1%81%D0%B0%D0%B9%D1%8223.jpg

Здравствуйте.


Спасибо за ваш ответ.


Что бы изменить цвет текста в указанных местах, пожалуйста, выполните следующие шаги:


1. В панели администратора откройте Дизайн > Темы и нажмите Редактор тем.

2. В поле Редактировать выберите Пользовательские CSS.

3. Для изменения текста, отмеченного цифрой 1, добавьте в Пользовательские CSS следующий код:

.ty-minicart-title{
color:yellow;
}

где замените yellow на необходимый вам цвет.

4. Для изменения текста, отмеченного цифрой 2, добавьте в Пользовательские CSS следующий код:

.ty-sidebox__title-wrapper, .ty-sidebox__title span, .ty-sidebox__title a{
color: black;
}

где замените black на необходимый вам цвет.

5. Для изменения текста, отмеченного цифрой 3, добавьте в Пользовательские CSS следующий код:

.ty-grid-list__item-name .product-title{
color: green;
}

где замените green на необходимый вам цвет.


P.S. Вы можете воспользоваться сервисом Color Hex Color Codes, для того, что бы выбрать необходимый вам цвет в формате HEX кода (CSS работает с HEX кодами цветов).


Спасибо.

Спасибо, все понятно изменения вносятся благодаря представленным кодам 

Пожалуйста, мы рады вам помочь.


Войдите, чтобы опубликовать свой комментарий