[РЕШЕНО] Как поменять цвет нисходящего меню

[Alex51508]

Доброго времени суток.

У меня встала проблема как поменять цвет нисходящего меню (см вложение).  Как называется класс этого меню. Никак не могу его наити в стилях.

[Alex51508]

Спасибо большое. Поменял цвет.

[werd51]

что-то не удалось поменять цвет(

#menu > ul > li > div {
display: none;
background: #FFFFFF; <------ менял
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000; <-- менял
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png'); <-------- менял

все оставалось по дефолту

понять бы в какую сторону копать

Змінено 3 жовтня 2014 користувачем tim21701

[werd51]

разобрался, во всем был виноват кэш браузера

[werd51]

#menu > ul > li > div {
display: none;
background: #FFFFFF; 
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000; 
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png'); <-------- меняем цвет картинки

дальше находим

#menu > ul > li ul > li > a:hover {
background: #000000; <--------- меняем (цвет при наведении мыши)

Змінено 3 жовтня 2014 користувачем tim21701

[werd51]

поменять фон footer (подвала)

находим:

/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8; <-------- меняем цвет фона на свой
}

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

-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;

получилось:

/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}

для изменения цвета букаф в футере находим

#footer h3 {
color: #000000; <-------- меняем цвет на свой
font-size: 14px;
margin-top: 0px;
margin-bottom: 8px;
}

все это я пишу чтоб польза была другим, кто не знает, да и самому не забыть

если что по вашему надо поправить пишите

Змінено 3 жовтня 2014 користувачем tim21701

[werd51]

меняем цвет рамки меню в хедере

/* menu */
#menu {
background: #585858;
border-bottom: 1px solid #000000; <-------- меняем цвет рамки меню
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}

теперь нужно понять как поменять цвет рамки выпадающего меню

[werd51]

Спасибо за добрые слова) и буду стараться выделять)
 
меняем цвет фона сайта
находим

body {
background-color: #ffffff; <-------- меняем цвет на свой
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

рамку выпадающего меню не менял, как поменяю отпишусь в этой теме

Змінено 3 жовтня 2014 користувачем tim21701

[werd51]

ставим картинку в качестве фона сайта

предварительно заливаем картинку в ../catalog/view/theme/default/image/

 

находим

body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

заменяем

background-color: #ffffff;

на background:

url('../image/fly.jpg');

получаем:

body {
background: url('../image/fly.jpg'); <-------- меняем на свою картинку
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

Змінено 3 жовтня 2014 користувачем tim21701

[werd51]

Меняем цвет фона активного пункта меню в хедере (кликнули стал активным)

#menu > ul > li > a.active {
background: #000; <-- меняем цвет на свой

}

Добавляем закругления углов

#menu > ul > li > a.active {
background: #000;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Змінено 3 жовтня 2014 користувачем tim21701

[Nadezhd]

Здравствуйте! Подскажите, пожалуйста,КАК поменять в дефолтной теме ЦВЕТ главного меню категорий на фиолетовый (оно темно-серого цвета)...

[Nadezhd]

Cпасибо огромное!!!!!

Ещё вопрос : как в дефолтной теме в самой шапке (Войти, Зарегистрироваться;Главная,Закладки, Корзина покупок, Оформить заказ) СМЕНИТЬ шрифт и цвет- где что менять нужно? И картинку корзинки поменять как? Было бы неплохо ещё контакт там прописать- но это уже наверное высший пилотаж для чайника)))

[Nadezhd]

Спасибо, Pascha!!! всё получилось!

 

Подскажите ещё : 1) как убрать пункты меню самого верхнего "закладки(0)" и "корзина покупок" , оставить только Главная и Оформление заказа. Корзина есть в правом верхнем углу, поэтому пункт меню " корзина покупок" не нужен; 

2) как перенести "Войти и Зарегистрироваться" в правый угол;

 3) как убрать Строчку Поиск???

 

:eek:  :geek: Очень благодарны вам!!! Процветания вам, добрые люди!!!

[Nadezhd]

Pascha! Спасибо огромное!!! :eek:

[kos]

Как заменить "войти или зарегистрироваться" на изображения?

[kapitoshka]

Вопрос в тему по изменению цвета:
в карточке товара? как поменять цвет   список/сетка  сравнение товара(0) ?  я уже весь stylesheet просмотрела, какие строчки отвечают за это, помогите, пожалуйста

[77777]

спасибо. цвет поменял

[aeynbr44]

Друзья, нужна помощь :(  в opencart'е новичок, но стараюсь активно разобраться... дело вот в чем, меню категорий выставлено в 2 строки, а ниспадающее меню, находится как бы за ним, то есть подкатегории выпадают, но перейти по ним нереально потому что "задеваешь" вторую строчку главного меню.. играл с z-index'ом, не помогло (( сайт :

magazin.zavhoz63.ru

[destreser]

#menu > ul > li > div
убери position: absolute

 

дальше полет для самостоятельного творчества как выравнивать пункты.

Змінено 25 листопада 2013 користувачем destreser

[aeynbr44]

#menu > ul > li > div

убери position: absolute

 

дальше полет для самостоятельного творчества как выравнивать пункты.

 

Спасибо большое! :)

[aeynbr44]

блин, все хорошо, но теперь при наведении вся нижняя строка категорий сдвигается на ширину названия подкатегории.... тоже самое происходит и с содержимым страницы (если перейти)...

если я правильно понимаю, то мне надо указать значение "position" ручками, то есть после "position: none" пишу значения для "width" и "height" так ? если да, то получится я задам их фиксированными.... для всех выпадающих списков подкатегорий ? Помогите пожалсто -_-

[maxmarket]

Подскажите, на главной странице цвет меню не меняется , на остальных все норм. В чем причина?

[DRSvip]

Спасибо очень полезная инфа !!!

[werd51]

Добавлю еще:

 

Меняем Цвет заголовка в списке товаров (именно в списке - в виде сетка/список, а не в самом товаре)

находим

.box-product .name a,
.product-grid .name a,
.product-list .name a {
color: #ff0000;     <--------------------------- меняем цвет на свой
margin-bottom: 4px;
    font-size: 13px;
    font-family: 'Microsoft Sans Serif',Helvetica,'MS Sans Serif',sans-serif;
}

[Malya]

Скажите пожалуйста как войти вообще в меню и найти этот фаил для редактирования?