Top Menu Dropdown Color

[bissotda]

How can I change the background color and font color of the Top Menu Dropdowns? Not the actual top menu, but the dropdown menu links?

Thank you.

[Laura]

Hello, can you share a link?

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 🙂

[bissotda]

Yes, http://www.workweiser.com. See dropdown under “Samples” top menu….All white.

[Laura]

Hello, here it is, add it to style.css in child theme, change color for the one you want :

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 #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 .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: #868585;

}

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 🙂

[bissotda]

Thank you. I see that the Highlight color changes, but can I change the background color of the dropdown & font color of the link? Still showing white on white until I highlight.

[Laura]

Hello, try this

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a {
color: rgba(0, 0, 0, 1);
background: #C15931 !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 🙂

[bissotda]

This works. Thank you.

[Author]

Posts