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

оформление способа доставки

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


Как изменить шрифт (увеличить и сделать жирным) способы доставок?


Спасибо!

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


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


.ty-shipping-options__method {

 font-size: 15px;

 font-weight: bold

}


Мы добавили их для вашего магазина. Пожалуйста, проверьте.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах 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


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/

 


Спасибо. 

Спасибо за ответ. Теперь разобрался как найти нужный стиль!


Но возникла проблема, сместилась название способа доставки.


пробую поднять  с помощью:

margin-top: Xpx;

 Но не хочет выравниваться, что делать?

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


Как мы видим, название способа доставки располагается на одном и том же уровне с применением изменений из нашего предыдущего сообщения и без (пожалуйста, взгляните на прикрепленне к данному сообщению снимки экрана). Вы можете добавить следующее CSS правило в Редакторе тем вашего магазина:


.ty-valign {

    vertical-align: top;

}


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


Спасибо.

Спасибо!


 

.ty-valign {
    vertical-align: 1px;
}

 Вот это помогло! 

Всегда пожалуйста. Были рады помочь вам.


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