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

Шрифт текста на главной, телефона и margin

 Помогите, пожалуйста, хорошей инструкцией, как сделать вот что:

1. Убрать разноцветность телефона

2. Отодвинуть "заказать обратный звонок" от телефона по вертикали и отцентрировать

3. Изменить стиль текста на главной (от в HTML блоке)

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


Спасибо за ваш запрос.


Мы предоставим вам ответ немного позднее.


Спасибо.

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


Спасибо за предоставленный снимок экрана.


> Помогите, пожалуйста, хорошей инструкцией, как сделать вот что:

>  1. Убрать разноцветность телефон

Мы изменили отображение номера телефона на вашем сайте. Для этого мы заменили 7 на 0 в настройке Длина префикса телефона на странице настройки модуля Обратный звонок (Модули > Управление модулями). Пожалуйста, проверьте.

> 2. Отодвинуть "заказать обратный звонок" от телефона по вертикали и отцентрировать


Для этого, пожалуйста, попробуйте добавить следующие стили в секцию Пользовательские CSS визуального редактора в вашем магазине:


.ty-cr-phone-number-link .ty-cr-link {
margin: 15px 0 0;
}


где измените значения свойства margin на необходимые.


> 3. Изменить стиль текста на главной (от в HTML блоке)


Для того чтобы изменить стиль текста этого блока:


1. Откройте станицу Дизайн > Макеты в вашей панели администратора.

2. Нажмите на иконку шестеренки на необходимом блоке (в вашем случае на блоке Текстовый блок в новой секции), чтобы открыть Параметры блока.

3. Задайте новый класс в поле Пользовательский CSS-класс.
4. Нажмите Сохранить.


После этого добавьте ваш новый класс с необходимыми стилями в секцию Пользовательские CSS визуального редактора в вашем магазине.


Надеемся данная информация вам поможет.


Спасибо.

Большущее спасибо!

1. Разноцветность номера телефона канула в Лету, всё классно.
2. Кнопку "Заказать звонок" подвинул, супер-гуд!
3. Вот тут проблема: в CSS не понимаю, margin трогал впервые (понравилось), какой класс проставить в настройках блока, не знаю. Допустим, по стилю этот текст должен быть похож на стиль отображения телефонов.
Его можно как-то скопировать?

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


Мы рады, что предоставленная ранее информация оказалась полезной для вас.


> 3. Вот тут проблема: в CSS не понимаю, margin трогал впервые (понравилось), какой класс проставить в настройках блока, не знаю. Допустим, по стилю этот текст должен быть похож на стиль отображения телефонов.


CSS правило пишется для определенных селекторов. Если вы используете CSS класс от другого блока, его работоспособность для вашего собственного блока будет зависеть от того, есть ли в вашем блоке те элементы, на которые распространяется селектор: есть ли необходимые теги/классы/идентификаторы, на которые распространяется селектор, соответствует ли дерево элементов и др.


В этой ситуации вы можете попробовать скопировать CSS класс из одного блока в другой, однако, как упоминалось выше, мы не можем гарантировать его работу. 


Чтобы написать собственное правило для элемента, вы можете сначала воспользоваться инструментами разработчика в вашем браузере. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Подробнее об использовании данного инструмента в браузерах Google Chrome и  Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Когда желаемый результат достигнут, полученный код можно перенести в редактор тем Мерчиума.


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО “Симтек Девелопмент” или дождаться открытия Маркета Мерчиума, где наши партнеры будут предлагать свои услуги.


Спасибо.


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