Как увеличить шрифт номера телефона

Разработчикам Общение разработчиков
1

Мне необходимо увеличить шрифт телефона, я сделал модуль (по видео инструкции), подключил стили, но шрифт увеличивается только у префикса номера
image.

В моем файле стиля прописано следующее
.ty-cr-phone {
font-size: 34px;
font-weight: normal;
}

/Увеличиваем шрифт телефона/
.ty-cr-phone-number-link .ty-cr-phone-prefix {
font-weight: bolder;
font-size: 34px;
color:#2e3a47
}
/Увеличиваем шрифт кода телефона и цвет/
.ty-cr-phone-number-link .ty-cr-phone {
font-size: 34px;
color:#2e3a47;
text-align: center;
}
по идее первые три строчки это и есть размер шрифта телефона, но они какбудто игнорируются, а остальные строчки файла работают. Куда их только не ставлю. Кеш чистил.

Как я понимаю шаблон этих строк лежит
/design/themes/responsive/templates/addons/call_requests/blocks/call_request.tpl
и в нем есть строки которые разделяют префикс номера и сам номер
div class=“ty-cr-phone”>{$phone_number.prefix}{$phone_number.postfix}

Можно ли как-то изменить, или лучше делать свой шаблон?, где не делать разделения на префикс и номер.
Придется с шаблонами конечно разбираться тогда. Или есть способы проще решить этот вопрос?
ps. В написании кода вообще ничего не понимаю.

2

Есть способ, сделать это намного проще. Посмотрите тут: Стиль воторого телефона в шапке

Если не разберетесь, спрашивайте, что непонятно.

1 лайк
3

Скиньте в личку ключ доступа

4

Увеличить шрифт телефона можно через следующие CSS-стили:

.ty-cr-phone-number-link .ty-cr-phone {
    font-size: 36px;
}

Если почему-то это не работает, то можно добавить специфичности:

.ty-cr-phone-number-link .ty-cr-phone.ty-cr-phone {
    font-size: 36px;
}
5

Спасибо большое всем за помощь.
У меня получилось увеличить шрифт и сделать одним цветом с префиксом как и хотел

/Увеличиваем шрифт телефона и цвет/
.ty-cr-phone span {
font-size: 34px;
font-weight: bolder;
color:#2d3540;
}

/Увеличиваем шрифт префикса телефона/
.ty-cr-phone-number-link span .ty-cr-phone-prefix {
font-weight: bolder;
font-size: 34px;
color:#2d3540
}
Если код корявый, то мне простительно, я не программист )), но работает. Делал через свой модуль, по видео урокам и подсказкам на форуме )

2 лайка