Comments 32Tes started the conversationJuly 6, 2022 at 1:37pmHi there, On this page: https://testomgeving.workforce-it.com/oplossingen/onboarding/ I have a toggle section on this page and I would like to know how to change the hover color, which is currently blue - see attached screenshot. Thanks. 1,877Judith repliedJuly 6, 2022 at 2:23pmHello Tes,Please try this css: .nectar-color-accent-color, body a, label span, body [class^="icon-"].icon-default-style, .blog-recent[data-style*="classic_enhanced"] .post-meta a:hover i, .masonry.classic_enhanced .post .post-meta a:hover i, .post .post-header h2 a, .post .post-header a:hover, .post .post-header a:focus, #single-below-header a:hover, #single-below-header a:focus, .comment-list .pingback .comment-body > a:hover, [data-style="list_featured_first_row"] .meta-category a, [data-style="list_featured_first_row"] .meta-category a, .nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style, div[data-style="minimal"] .toggle:hover h3 a, div[data-style="minimal"] .toggle.open h3 a, #footer-outer #copyright li a i:hover, .ascend .comment-list .reply a, body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, body.material #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, #top nav .sf-menu .current_page_item > a .sf-sub-indicator i, #top nav .sf-menu .current_page_ancestor > a .sf-sub-indicator i, .sf-menu > .current_page_ancestor > a > .sf-sub-indicator i, .material .widget .tagcloud a, #single-below-header a:hover [class^="icon-"], .wpcf7-form .wpcf7-not-valid-tip, #header-outer .nectar-menu-label { color: #efe027; } .tabbed > ul li .active-tab, body.material input[type=text]:focus, body.material textarea:focus, body.material input[type=email]:focus, body.material input[type=search]:focus, body.material input[type=password]:focus, body.material input[type=tel]:focus, body.material input[type=url]:focus, body.material input[type=date]:focus, body.material input[type=number]:focus, body.material select:focus, .row .col .wp-caption .wp-caption-text, .material.woocommerce-page input#coupon_code:focus, .material #search-outer #search input[type="text"], #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after, div[data-style="minimal"] .toggle.default.open i, div[data-style="minimal"] .toggle.default:hover i, div[data-style="minimal"] .toggle.accent-color.open i, div[data-style="minimal"] .toggle.accent-color:hover i, .single #single-meta div a:hover, .single #single-meta div a:focus, .single .fullscreen-blog-header #single-below-header > span a:hover, .blog-title #single-meta .nectar-social.hover > div a:hover, .nectar-hor-list-item[data-hover-effect="full_border"][data-color="accent-color"]:hover, .material.woocommerce-page[data-form-style="default"] div input#coupon_code:focus { border-color: #d4d90a; } .nectar-bg-accent-color, .nectar-bg-hover-accent-color:hover, #ajax-content-wrap .nectar-bg-pseudo-accent-color:before, [data-style="list_featured_first_row"] .meta-category a:before, .tabbed > ul li .active-tab, .tabbed > ul li .active-tab:hover, .wpb_row .nectar-post-grid-filters[data-active-color="accent-color"] a:after, .testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote.is-selected p, .nectar_video_lightbox.nectar-button[data-color="default-accent-color"], .nectar_video_lightbox.nectar-button[data-color="transparent-accent-color"]:hover, .nectar-cta[data-color="accent-color"]:not([data-style="material"]) .link_wrap, .flex-direction-nav a, .carousel-prev:hover, .carousel-next:hover, .nectar-flickity[data-controls*="arrows_overlaid"][data-control-color="accent-color"] .flickity-prev-next-button:hover:before, .nectar-flickity[data-controls="default"][data-control-color="accent-color"] .flickity-page-dots .dot:before, .nectar-flickity[data-controls="touch_total"][data-control-color="accent-color"] .visualized-total span, [class*=" icon-"], .toggle.open h3 a, div[data-style="minimal"] .toggle.open h3 i:after, div[data-style="minimal"] .toggle:hover h3 i:after, div[data-style="minimal"] .toggle.open h3 i:before, div[data-style="minimal"] .toggle:hover h3 i:before, div[data-style="minimal_small"] .toggle.accent-color > h3:after, .main-content .widget_calendar caption, #footer-outer .widget_calendar caption, .post .more-link span:hover, .post.format-quote .post-content .quote-inner, .post.format-link .post-content .link-inner, .nectar-post-grid-wrap[data-load-more-color="accent-color"] .load-more:hover, .format-status .post-content .status-inner, .nectar-post-grid-item.nectar-new-item .inner:before, input[type=submit]:hover, input[type="button"]:hover, body[data-form-submit="regular"] input[type=submit], body[data-form-submit="regular"] button[type=submit], body[data-form-submit="regular"] .container-wrap .span_12.light input[type=submit]:hover, body[data-form-submit="regular"] .container-wrap .span_12.light button[type=submit]:hover, #slide-out-widget-area, #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-split, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right, .widget .material .widget .tagcloud a:before, .nectar-hor-list-item[data-hover-effect="full_border"][data-color="accent-color"] .nectar-list-item-btn:hover, #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a:after, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .nectar-notice, .woocommerce #review_form #respond .form-submit #submit, #header-outer .nectar-menu-label:before { background-color: #e7d20f; }Thanks. Sign in to reply ...
Hi there,
On this page: https://testomgeving.workforce-it.com/oplossingen/onboarding/
I have a toggle section on this page and I would like to know how to change the hover color, which is currently blue - see attached screenshot.
Thanks.
Hello Tes,
Please try this css:
Thanks.