Quick view page button color

Quick view page button color in bottom, view details is still dark black how can i change this according to my theme button colours here is screenshot
https://gyazo.com/dec306f04581c8f226a89fde351f8e34

Hi,

Use the following CSS code for that

.popup-quick-view .view-details-btn {
    background-color: rgb(57, 57, 57);
}

thanks but i am asking you this button colour screenshot is here
https://gyazo.com/e60ec83231407df730c6f604623d97fa

https://gyazo.com/143448212afca9ce23d390665514bdee

advance thanks for your great support

Try this code

.basel-buttons .product-compare-button>a:hover .basel-tooltip-label:before, 
.basel-buttons .quick-view>a:hover .basel-tooltip-label:before,
.basel-tooltip:hover .basel-tooltip-label:before{
    color: #393939;
}

.basel-tooltip:hover .basel-tooltip-label,
.basel-buttons .product-compare-button>a:hover .basel-tooltip-label, 
.basel-buttons .quick-view>a:hover .basel-tooltip-label {
    background-color: #393939;
}

thanks its working but still missing some buttons color pls see in screenshot
https://gyazo.com/cc917d8b5eb693c97a1b81831aee15a3
https://gyazo.com/cc917d8b5eb693c97a1b81831aee15a3
is there any option in theme default setting that all related button color change once thanks

There is no global option for all elements on the website.

Add this code also

.basel-dark .autocomplete-suggestions, .basel-dark .basel-products-nav .product-short, .basel-dark .basel-promo-popup, .basel-dark .basel-search-dropdown .basel-search-wrapper .basel-search-inner, .basel-dark .basel-sizeguide, .basel-dark .basel-timeline-date, .basel-dark .basel-timeline-item, .basel-dark .blog-post-loop .post-date, .basel-dark .cart-widget-side, .basel-dark .cat-design-default .hover-mask, .basel-dark .cboxIframe, .basel-dark .chosen-container .chosen-drop, .basel-dark .format-gallery .owl-carousel .owl-nav, .basel-dark .popup-added_to_cart, .basel-dark .popup-quick-view, .basel-dark .post-slide .post-date, .basel-dark .product-label.attribute-label:not(.label-with-img), .basel-dark .product-label.out-of-stock, .basel-dark .right-column .shopping-cart .dropdown-cat, .basel-dark .scrollToTop, .basel-dark .select2-container .select2-dropdown, .basel-dark .select2-drop, .basel-dark .select2-results, .basel-dark .single-product-content .basel-show-product-gallery, .basel-dark .single-product-content .product-images .thumbs-position-bottom .owl-nav, .basel-dark .single-product-content .product-images .thumbs-position-left .owl-nav, .basel-dark .single-product-content .slick-vertical>button, .basel-dark .woocommerce-password-hint, .basel-dark form.has-categories-dropdown .search-by-category .dropdown-list, .basel-dark option, .basel-dark.wrapper-boxed .owl-carousel .owl-nav>div, .basel-ext-dark {
    background-color: #393939;
}

thanks again but there is still whishlist icon in dark black color
https://gyazo.com/24aad0b4d7dfac0bf219b35e89fae943
and last code as i entered in css its showing error attaching screenshot
https://gyazo.com/69ce91ffdb6de7fc7e5b1cbb183cec39
https://gyazo.com/6851c30dc4666e72d3fc2e796761f8c7
thanks for your quick reply

Use this one also

.basel-buttons .yith-wcwl-add-to-wishlist:hover .basel-tooltip-label {
    background-color: #393939;
}
.basel-buttons .yith-wcwl-add-to-wishlist:hover .basel-tooltip-label:before {
    color: #393939;
}

And simply ignore that notice.

thanks but after that in mobile mode order view become invisible sending you screenshot
https://gyazo.com/5caee42259277948b46d74d107220b61
https://gyazo.com/8791a0f366ef0e7f3ff9382618605ecc
https://gyazo.com/062134547c53ab795806340a2ef1af2f
pls sort this issue i really appreciate your efforts

and there is little other problem in home page my header and in my slider there is a gap between slider pic and header i did try to adjust with different resolution but this gap did not disappear in all mode in desktop in laptop and even in mobile as i did just reduce the header length in general setting pls check screenshot
https://gyazo.com/f7ac237b30660b5ee14ff8b77831b38f
thanks

here more detail for this issue
https://gyazo.com/e16275ab8eb910b1ebec4d35b545d3b0 the gap between header and slider red arrow indicate that
thanks for support

By default, our header has a margin bottom and if you want to remove it on your home page, you can simply add a negative margin top for the first row on the page with Visual Composer. So just set -40px for example to compensate it.

Pls solve this issue thanks but after that in mobile mode order view become invisible sending you screenshot
https://gyazo.com/5caee42259277948b46d74d107220b61
https://gyazo.com/8791a0f366ef0e7f3ff9382618605ecc

Please, send us a direct link where we can see this issue on your website.

pls check this issue in mobile mode
https://www.maysoon.biz/my-account/orders/
in this page only in mobile page is invisible while on desktop or laptop its fine
thanks

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.basel-dark .woocommerce table.shop_table_responsive tbody td {
	background-color: rgba(0,0,0,.3);
}

Regards

thanks really love your service your support is best like your theme all fingers up for you,

Great, we are glad that you like it 🙂

[Author]

Posts