Как изменить внешний вид сайта

Последние изменения: 26.04.2022

1 вариант подключение собственного файла CSS

Часто возникает необходимость изменить внешний вид сайта.

Как это сделать наиболее оптимальным способом?
Чтобы при обновлении ничего не пропало.

Изменять вёрстку мы пока не рекомендуем, лучше всего изменять внешний вид через CSS стили.

Для этого:

Шаг 1. Создайте новый css файл, например my.css и поместите его в папку шаблона: simple/css

Шаг 2. Подключите ваш css файл через Настройки - Внешний вид. Вкладка Основное, в окне код в /head
Путь до файла получится таким:

/template/simple/css/my.css

613538dd25a21f57882394103b2bcc0e.png

Шаг 3. Откройте ваш CSS файл через FTP клиент Filezilla или через менеджер файлов хостинга и внесите нужные CSS стили.

При обновлении этот файл и его содержимое никуда не пропадёт, и всё будет работать.

2 вариант. Вставка небольших правил в настройки внешнего вида

Иногда требуется подкорректировать небольшие настройки и написать одно/два css правила.

Например скрыть какой-то элемент внешнего вида через правило display:none или изменить цвет какого-то элемента и т.д.

Ниже пример как скрыть надпись в блоках 1 Модуль, 2 Модуль и т.д.

fa234c38155a4c04bbe9937cecf0c3c0.png

Для этого вам нужно определить класс элемента, через инструменты разработчика в браузере (в chrome ctrl+shift+i)

07f4e0c87c72d407f7c5d1eac138e6d1.png


Мы рекомендуем брать 2 класса вышестоящего элемента и элемент к которому нужно применить правило

И прописываем во внешнем виде на вкладке свой код 

Вот такое правило:

.block-heading__click .module-number {
 display: none;
}
7f5ae152e088c1cc8964971ff36a6c9a.png

После этого сохраняем и обновляем страницу. 

57ff54f1a9098bdaf6a715e8e08eff20.png

Помогла ли вам статья?