Hey guys…I hope I’m not inundating you with too many requests. I hope this is an easy one. I’m using the See Through - AutoRotate Visualized bullet navigation in my Nectar Slider. However, I’ve struggled assigning a different color to both the dark / light controls and after looking extensively cannot see a way for these to be anything other than Black and White. Either through the interface or by CSS, is there a way to change this?
Similarly, for some reason I can’t figure out how to keep the user account button from going dark when the scrolling when on mobile. Is there a place to set this and have it also work with the light / dark colorways?
Hey guys…I hope I’m not inundating you with too many requests. I hope this is an easy one. I’m using the See Through - AutoRotate Visualized bullet navigation in my Nectar Slider. However, I’ve struggled assigning a different color to both the dark / light controls and after looking extensively cannot see a way for these to be anything other than Black and White. Either through the interface or by CSS, is there a way to change this?
Similarly, for some reason I can’t figure out how to keep the user account button from going dark when the scrolling when on mobile. Is there a place to set this and have it also work with the light / dark colorways?
Attached files: SalientThemeSupport-DarkLightNavDots.jpg
SalientThemeSupport-UserAccountButton.jpg
Hi Eric,
Thanks for writing back.
Please add this css to adjust the dot navigation colors:
.swiper-container .slider-pagination svg circle.time {stroke: #c11313;
} [data-bullet_style="see_through_ar_visualized"] .slider-pagination .swiper-pagination-switch:not(.swiper-active-switch) svg circle:not(.time) {
fill: rgb(11 146 166);
}
Add this to adjust the account icon color:
#header-outer #top nav > ul > li > a, #header-outer .slide-out-widget-area-toggle a i.label, #header-outer:not(.transparent) #top #logo, #header-outer:not(.transparent) #top .logo-clone, #header-outer #top .span_9 > .slide-out-widget-area-toggle i, #header-outer #top .sf-sub-indicator i, body[data-header-color="custom"].ascend #boxed #header-outer .cart-menu .cart-icon-wrap i, #header-outer #top nav ul #nectar-user-account a span, #header-outer #top #toggle-nav i, .material #header-outer:not([data-permanent-transparent="1"]) .mobile-search .icon-salient-search, #header-outer:not([data-permanent-transparent="1"]) .mobile-user-account .icon-salient-m-user, #header-outer:not([data-permanent-transparent="1"]) .mobile-search .icon-salient-search, #header-outer #top #mobile-cart-link i, #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-header-format="left-header"] #header-outer #social-in-menu a, #header-outer #top nav ul #search-btn a span, #search-outer #search input[type="text"], #search-outer #search #close a span, body.ascend #search-outer #search #close a span, body.ascend #search-outer #search input[type="text"], .material #search-outer #search .span_12 span, .style_slide_in_click .total, .style_slide_in_click .total strong, .nectar-slide-in-cart.style_slide_in_click h4, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list.woocommerce-mini-cart .mini_cart_item a, .style_slide_in_click .woocommerce-mini-cart__empty-message h3 {color: #ad9f6d!important;
}
If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Appears to work great Judith....thank you so much for your help.