Color Background submenu SELECTED

[fersamp]

Hi,

 

with this code I changed perfectly Submenu background on mouse hover:

.kleo-main-header ul.dropdown-menu li a:hover {

background-color:#dd3333 !important;

}

 

Now, I need the same thing but I have to change submenu selected color: as you can see in the attachement, submenu selected is white ( “Categorie”),  while submenu is red if I pass mouse over.

How can I change color of SubMenu selected? ( not mouse over )

[fersamp]

sorry, this is the attatchment 🙂

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, you can try

COPY CODE

.kleo-main-header ul.dropdown-menu li a:focus {

background-color:#dd3333 !important;

}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fersamp]

doesn’t work, selected submenu is still white

[Laura]

Hello, then try this

COPY CODE

.header-color .btn-default, .header-color .nav-pills > li.active > a, .header-color .nav-pills > li.active > a:hover, .header-color .nav-pills > li.active > a:focus, .header-color .wpb_tour .nav-tab li.active, .header-color .wpb_tour .nav-tab li:hover, .header-color .tabs-style-square > li > a, .header-color .panel-default > .panel-heading, .header-color .dropdown-menu > li > a:hover, .header-color .dropdown-menu > li > a:focus, .header-color .dropdown-menu > .active > a, .header-color .dropdown-menu > .active > a:hover, .header-color .dropdown-menu > .active > a:focus, .header-color .pagination > li > a:hover, .header-color .pagination > li > span.current, .header-color #wp-calendar thead th, .header-color #wp-calendar tbody td a, .header-color .widget_tag_cloud a, .header-color .widget_nav_menu li.active > a, .header-color #wp-calendar tbody td:hover, .header-color .widget_nav_menu .current_page_item > a, .header-color .callout-blockquote blockquote, .header-color #respond .form-submit input#submit, .header-color .form-control:focus, .header-color .pricing-table .panel-heading, .header-color .pricing-table .panel-body, .header-color .pricing-table .pmpro-price .lead, .header-color .pricing-table .extra-description, .header-color .mejs-container .mejs-controls, .header-color .box-style .feature-item, .header-color input[type="text"][disabled], .header-color input[type="password"][disabled], .header-color input[type="date"][disabled], .header-color input[type="datetime"][disabled], .header-color input[type="datetime-local"][disabled], .header-color input[type="month"][disabled], .header-color input[type="week"][disabled], .header-color input[type="email"][disabled], .header-color input[type="number"][disabled], .header-color input[type="search"][disabled], .header-color input[type="tel"][disabled], .header-color input[type="time"][disabled], .header-color input[type="url"][disabled], .header-color textarea[disabled], .header-color #buddypress div.item-list-tabs ul li a span, .header-color #bp-login-widget-submit, .header-color .bbp_widget_login .button.user-submit, .header-color .rtmedia-container #rtMedia-queue-list tr > td.close, .header-color .rtmedia-activity-container #rtMedia-queue-list tr > td.close, .header-color #buddypress div.activity-comments form .ac-textarea, .header-color #buddypress .standard-form input[type=text]:focus, .header-color #buddypress table.notifications thead tr, .header-color #buddypress table.notifications-settings thead tr, .header-color #buddypress table.profile-fields thead tr, .header-color #buddypress table.wp-profile-fields thead tr, .header-color #buddypress table.messages-notices thead tr, .header-color #buddypress table.forum thead tr, .header-color #buddypress button:hover, .header-color #buddypress a.button:hover, .header-color #buddypress a.button:focus, .header-color #buddypress a.bp-secondary-action.view:hover, .header-color #buddypress input[type=submit]:hover, .header-color #buddypress input[type=button]:hover, .header-color #buddypress input[type=reset]:hover, .header-color #buddypress ul.button-nav li a:hover, .header-color #buddypress ul.button-nav li.current a, .header-color #buddypress div.generic-button a:hover, .header-color.bp-full-width-profile div.generic-button a:hover, .header-color #buddypress .comment-reply-link:hover, .header-color .bbp-pagination-links a:hover, .header-color .bbp-pagination-links span.current, .header-color #bbpress-forums li.bbp-body ul.topic.sticky, .header-color .bbp-submit-wrapper button.button, .header-color #bbpress-forums .bbp-form input[type="text"]:focus, .header-color .wp-editor-area:focus, .header-color .bbp-row-actions #favorite-toggle a, .header-color .bbp-row-actions #subscription-toggle a, .header-color .rtmedia-container .drag-drop, .header-color .rtmedia-activity-container .drag-drop, .header-color #buddypress div.rtmedia-activity-container .drag-drop, .header-color #buddypress #item-body .rtmedia-container ul#rtmedia_comment_ul li, .header-color #buddypress #item-body .rtmedia-activity-container ul#rtmedia_comment_ul li, .header-color .rtmedia-container .rtmedia-editor-main dl.tabs dd.active > a, .header-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd.active > a, .header-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd.active > a, .header-color .rtmedia-container .rtmedia-editor-main dl.tabs dd > a:hover, .header-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a:hover, .header-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a:hover, .header-color .rtmedia-container .imgedit-wrap div.imgedit-menu, .header-color .rtmedia-container .imgedit-menu div, .header-color .kleo-toggle-menu .minicart-total-checkout, .header-color .kleo-toggle-menu .minicart-buttons, .header-color .kleo-toggle-menu a.remove:hover, .woocommerce .header-color .widget_product_search #searchsubmit, .woocommerce .header-color #content input.button, .woocommerce .header-color #respond input#submit, .woocommerce .header-color a.button, .woocommerce .header-color button.button, .woocommerce .header-color input.button, .woocommerce-page .header-color #content input.button, .woocommerce-page .header-color #respond input#submit, .woocommerce-page .header-color a.button, .woocommerce-page .header-color button.button, .woocommerce-page .header-color input.button {
    background-color: #DD3333;
}

Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[fersamp]

It works, thanks.

I didn’t believe that I’d need this big code to do a simple color change, however thank you.

[Laura]

Hello, i am glad it helped 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts