Урок 13. Дополнительный css

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

Ну чтож! Сегодня мы поговорим про "Дополнительный css".

Путь к настройкам: NexShops - Настройки - Дополнительный css

CSS — язык описания внешнего вида документа, написанного с использованием языка разметки. Используется как средство описания, оформления внешнего вида веб-страниц.

Другими словами. Чтобы цвет у кнопки "Купить" был красным, это надо прописать в css.

Принцип написания команд в этом языке прост.

селектор { свойство : значение ; }

Селектор - это объект, свойство которого мы хотим изменить.

Свойство - это параметр объекта (Например: Высота, Цвет, Размер шрифта, Закругление углов и тд.)

Значение - величина параметра объекта (Например: 15px, #000, 10vh тд.)

ПРИМЕР: button.buy-now { height : 15px ; }

Эта команда говорит о том, что мы хотим задать высоту кнопки с классом buy-now в 15px. Надеюсь понятно объяснил, если нет, добро пожаловать в комментарии.

Вот теперь у вас есть представление для чего нужна такая настройка как "Дополнительный css". Чтобы изменять внешний вид объектов.

Цвета мы конечно ещё не проходили, но оговорюсь сразу. Любой цвет в шаблоне NexShops можно изменить через админку. Если какого-либо элемента нет в стандартной возможности изменения цвета, то его можно изменить через дополнительный css. Через дополнительный css можно добавить любые css или scss стили и при обновлении шаблона они останутся на месте.

Ну чтож, на сегодня всё! Смотрите видео урок и успехов в освоении!