Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

[Решено] Помогите изменить цвет выделения в dropdown


Recommended Posts

Здравствуйте. Как в opencart3 изменить цвета активного выделения в dropdown меню?

Пробовал в бутстрапе менять .form-control:focus - не помогло.

Хочу красный)))))

/* menu */
#menu {
    background-color: #ff0000;
    background-image: linear-gradient(to bottom, #535354, #6f6f71);
    background-repeat: repeat-x;
    border-color: #535354 #535354 #535354;
    min-height: 40px;
}
#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}
#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}
#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff0000;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #e32f11;
    background-image: linear-gradient(to bottom, #e32f11, #e32f11);
    background-repeat: repeat-x;
    border-color: #e32f11 #e32f11 #e32f11;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #ff0000;
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}

2017-10-23_15-45-27.png

2017-10-23_15-47-03.png

Edited by VladislavZolotukhin
Link to post
Share on other sites

.dropdown-menu li>a:hover {

text-decoration: none;

color: #ffffff;

background-color: #229ac8;

background-image: linear-gradient(to bottom,#23a1d1,#1f90bb);

background-repeat: repeat-x;}

Link to post
Share on other sites

Я попробовал сделать так, но не получается

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff0000;
    background-image: linear-gradient(to bottom, #ff0000, #ff0000);
    background-repeat: repeat-x;
}

Link to post
Share on other sites

4 часа назад я поменял  .dropdown-menu li > a:hover , но не почистил кэш :ugeek: :D:D:D

Спасибо Вам большое за то, что прекратили мои мучения.

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

2017-10-23_16-15-09.png

2017-10-23_16-15-32.png

Link to post
Share on other sites

Тут:

#menu .see-all:hover, #menu .see-all:focus

{ text-decoration: none;

color: #ffffff;

background-color: #229ac8;

background-image: linear-gradient(to bottom,#23a1d1,#1f90bb);

background-repeat: repeat-x; }

Link to post
Share on other sites

  • 1 year later...

Как поменять цвет шрифта на черный в выпадающем меню? если делаю как тут написано то затрагивается весь шрифт 

меню.png

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.