Не применяются стили CSS

голоса: 0

В шаблоне "Страница материалов и комментариев к нему" модуля "Каталог сайтов" задаем следующие стили:

<div style="background: #ebebeb; /* Цвет фона */
    color: #020202; /* Цвет текста */
    border: 1px solid #000000; /* Параметры рамки */
    padding: 0px 5px; /* Поля вокруг текста */
    border-radius: 5px; /* Уголки */
display: inline-block;
    line-height: 24px;">
$OTHER4$</div>

Все работает так, как нам нужно.

При попытке перенести указанные стили в общую Таблицу стилей CSS заканчивается неудачно (стили попросту не применяются):

.eDetailstwoknopka {
 background: #ebebeb; /* Цвет фона */
 color: #020202; /* Цвет текста */
 border: 1px solid #000000; /* Параметры рамки */
 padding: 0px 5px; /* Поля вокруг текста */
 border-radius: 5px; /* Уголки */
 display: inline-block;
 line-height: 24px;
}

На странице шаблона "Страница материалов и комментариев к нему" указываем:

<div class="eDetailstwoknopka">$OTHER1$</div>

Стили не применяются - https://pastenow.ru/81224f228cf18db60037b180509fcd5a

Ссылка на тестовую страницу с установленными стилями.

Подскажите, пожалуйста, в чем причина?

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
Как я вижу http://joxi.ru/DmB8XQaHz3ER7A стили работают отлично. Очистите в браузере кеш https://ukit.com/ru/help/kak-ochistit-cahe
| Автор:

Да, действительно помогло. Спасибо.

Подскажите еще, пожалуйста, можно ли в PDA-версии сайта в модуле "Каталог сайтов" использовать выпадающий список с выбором категории на страницах категорий и разделов? Если да, то как это можно реализовать?

Или, возможно, есть какие-либо альтерантивные варианты удобного для пользователей выбора категории в мобильной версии сайта?

Андрей777,
Нельзя так как блок категорий, это не меню сайта. Хотя, можете создать меню и добавить в него ссылки на категории.
Yuri_Geruk,
Создали вертикальное меню $SMENU_2$, добавили в него ссылки категорий. Проблема в том, что категории просто отображаются вертикальным списком категорий, пунктами которого являются ссылки на категории (которые мы вручную указали в меню).  Можно ли, что бы это меню $SMENU_2$ как-то сделать выпадающим списком, чтобы это было компактно, а не занимало всю высоту экрана на мобильном устройстве?
Андрей777,
Ищите скрипт спойлер для выпадающих списков, готового такого нет. Для мобильной версии лучше не создавать таких сложностей, пусть пользователи сразу имеют доступ к ссылкам.
Yuri_Geruk,
Без сторонних скриптов, хотя бы вот так, как на странице добавления материала https://pastenow.ru/66873d0ae696b8cc6fbf9c8da067e928 нет возможности добавить?
Андрей777,

Проверил, в мобильной версии у вас категории отлично отображаются. Все дополнительные удобства, это дополнительная доработка под конкретную задумку, за доработкой нужно обращаться к специалистам на https://divly.ru/

...