Для внесения пользовательский css стилей в темах семейства Super (темы Super, Sexy, Prestige и других последующих темах) предусмотрен блок приложения Сайт theme.user_css
Префикс блока
В зависимости от используемой темы префикс theme нужно заменить на id темы.
Т.е. название блока для каждой темы будет своё:
- super.user_css для темы Super
- sexy.user_css для темы Sexy
- prestige.user_css для темы Prestige
- special.user_css для темы Special
- handmade.user_css для темы Hand Made
- speed.user_css для темы Speed
- s_classic.user_css для темы Speed Classic
Создание блока
Для начала ознакомьтесь с заметкой Для чего нужны блоки и где их создавать.
Чтобы создать блок, откройте приложение Сайт –> блоки.
Нажмите на «плюсик» под списком блоков и создайте блок с id вашей темы.
В поле id впишите id вашей темы, точка user_css.
Например super.user_css.
В большом поле впишите {strip} и {/strip}.
Между «стрипами» вы можете добавлять свой css код.
Ниже, в комментариях я буду писать различные css помогалочки для ваших сайтов и фиксы для плагинов.
13 комментариев
Улучшенное отображение Jivo чата.
это отображение - где добавляется ?
Нужно добавить код jivo сайта самостоятельно.
Для добавления кода jivo хорошо подходит:Блок theme.index_scripts
Увеличение заголовков фильтров.
Где 1rem – это размер базовой величины шрифта, обычно 14px.
Промежуточные значения нужно указывать через точку.
Например:
Увеличение размеров подписей характеристик в фильтрах:
Владимир, подскажите пожалуйста, в каком файле подключается блок super.user_css?
Мне необходимо сделать несколько таких блоков, для каждого поселения свой, вот и думаю переназвать их для каждого поселения.
Во всех темах семейства Super данный блок подключается в файле head.css.html темы для приложения Сайт.
Почти в самом низу файла
Если вы хотите использовать разные клоны тем на разных поселениях, то можно использовать скрытую настройку Theme ID, для разграничения блоков по клонам темы.
Например, если задать Theme ID super_clone1, то для неё нужно будет создать блок:
Для темы с Theme ID my_new_clone нужно будет создать блок:
ВАЖНО!
Пробелы и тире в названиях Theme ID не допускаются!
Если хотите визуально разделить слова, то используйте _нижнее подчёркивание.
И лучше, чтобы Theme ID совпадало с id клона темы.
Делаем фон верхнего баннера изображением
Добавьте в блок код:
Ссылку на изображение замените на скопированную ссылку на изображение, которое вы предварительно загрузили в файл-менеджер. Как пользоваться файл-менеджером – об этом написана отдельная инструкция.
Если текст на фоне изображения будет плохо читаться, то
Можно заменить на тёмную полупрозрачную подложку:
Либо на светлую полупрозрачную подложку:
.5 – означает степень полупрозрачности.
1 = 100% непрозрачная
.1 = 10% от прозрачности
.5 = 50% – половина прозрачности.
Для темы Speed немного другой код:
Приветствую. Не совсем то, что хотелось бы. Не хватает дополнительного кода. Задумка была в том, что бы верхний баннер являлся одним целым с "основным". Но основной баннер имеет полупрозрачную настройку, тогда, когда верхний подключает такую настройку только в центре.
Использовал:
Где это:
Тогда надо сделать так:
Для темы Handmade.
Если необходимо размещать вертикально ориентированные логотипы в верхней панели, то в блок handmade.user_css можно добавить следующий код:
120px можно заменить на собственную высоту.
Для всех тем.
Уменьшение изображений брендов плагина бренды с картинками в верхнем меню темы.
До применения кода:
Добавьте код в блок:
Результат после применения кода: