Home › Forums › Basel support forum › Quick view page button color
Quick view page button color
- This topic has 17 replies, 3 voices, and was last updated 6 years, 1 month ago by Artem Temos.
-
AuthorPosts
-
March 11, 2018 at 6:33 pm #45266
sh kaleemParticipantQuick 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/dec306f04581c8f226a89fde351f8e34March 12, 2018 at 7:43 am #45306
Artem TemosKeymasterHi,
Use the following CSS code for that
.popup-quick-view .view-details-btn { background-color: rgb(57, 57, 57); }
March 12, 2018 at 6:55 pm #45507
sh kaleemParticipantthanks but i am asking you this button colour screenshot is here
https://gyazo.com/e60ec83231407df730c6f604623d97fahttps://gyazo.com/143448212afca9ce23d390665514bdee
advance thanks for your great support
March 13, 2018 at 7:47 am #45572
Artem TemosKeymasterTry 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; }
March 13, 2018 at 1:55 pm #45699
sh kaleemParticipantthanks 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 thanksMarch 13, 2018 at 3:10 pm #45717
Artem TemosKeymasterThere 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; }
March 13, 2018 at 5:24 pm #45744
sh kaleemParticipantthanks 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 replyMarch 14, 2018 at 7:55 am #45844
Artem TemosKeymasterUse 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.
March 14, 2018 at 2:49 pm #45983
sh kaleemParticipantthanks 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 effortsMarch 14, 2018 at 9:48 pm #46094
sh kaleemParticipantand 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
thanksMarch 14, 2018 at 9:51 pm #46095
sh kaleemParticipanthere more detail for this issue
https://gyazo.com/e16275ab8eb910b1ebec4d35b545d3b0 the gap between header and slider red arrow indicate that
thanks for supportMarch 15, 2018 at 7:28 am #46139
Artem TemosKeymasterBy 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.
March 15, 2018 at 10:41 am #46197
sh kaleemParticipantPls solve this issue thanks but after that in mobile mode order view become invisible sending you screenshot
https://gyazo.com/5caee42259277948b46d74d107220b61
https://gyazo.com/8791a0f366ef0e7f3ff9382618605eccMarch 15, 2018 at 10:42 am #46199
Artem TemosKeymasterPlease, send us a direct link where we can see this issue on your website.
March 15, 2018 at 1:57 pm #46244
sh kaleemParticipantpls 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
thanksMarch 15, 2018 at 3:23 pm #46267
Bogdan DonovanKeymasterTry 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
March 15, 2018 at 6:35 pm #46306
sh kaleemParticipantthanks really love your service your support is best like your theme all fingers up for you,
March 16, 2018 at 7:19 am #46356
Artem TemosKeymasterGreat, we are glad that you like it 🙂
-
AuthorPosts
Tagged: button colours
- You must be logged in to create new topics. Login / Register