Перейти к содержанию
Werols

[РЕШЕНО] Как поместить категории в левой колонке в красивую рамку?

Рекомендуемые сообщения

Подскажите пожалуйста как поместить категории в левой колонке в красивую рамку???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

присоединяюсь к вопросу. Искал в файле css и не смог поменять хотя бы фон колонки категорий . Поменял цвет ссылок категорий, но не смог найти их цвет при наведении мышкой. Тоже надо заменить.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добавить в css

 

блок в рамке полностью:

#column-left .box {
border: 1px solid #F00;
}

только блок с категориями в рамке (шапка блока по дефолту)

#column-left .box .box-content{
border: 1px solid #F00;
}

но...при таком стиле все блоки в левой колонке будут в рамке (стиль применяется ко всем блокам)
если этого не требуется, тогда в \catalog\view\theme\default\template\module\category.tpl  меняем <div class="box-content"> на <div class="box-content-category"> и прописываем для этого блока все стили самостоятельно (копипастим стили для box-content и меняем на box-content-category в итоге например стиль рамки будет выглядеть так: 

#column-left .box .box-content-category{
border: 1px solid #F00;
}

сюда же можно прописать и фон(если необходимо) 


background: #Цвет заливки;

стиль будет применяться только к блоку категорий...по аналогии можно поиграться со стилями и других блоков 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Cпаситель а как скруглить углы в категории? :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

  1. 
    

    -webkit-border-radius: 7px 7px 7px 7px;

    -moz-border-radius: 7px 7px 7px 7px;

    -khtml-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А не подскажете как вставить фоновое изображение в эту левую колонку? то есть не просто цвет,  а цвет с текстурой. (интересует для Opencart 2)

Спасибо.

Изменено пользователем booss

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.