Home Forums Basel – Premium Template Quick view page button color

This topic contains 17 replies, has 3 voices, and was last updated by Artem Temos Artem Temos 9 months, 1 week ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #45266

    sh kaleem
    Customer

    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

    Private Content Hidden
    #45306

    Hi,

    Use the following CSS code for that

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

    sh kaleem
    Customer

    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

    Private Content Hidden
    #45572

    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;
    }
    #45699

    sh kaleem
    Customer

    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

    Private Content Hidden
    #45717

    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;
    }
    #45744

    sh kaleem
    Customer

    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

    Private Content Hidden
    #45844

    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.

    #45983

    sh kaleem
    Customer

    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

    Private Content Hidden
    #46094

    sh kaleem
    Customer

    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

    #46095

    sh kaleem
    Customer

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

    Private Content Hidden
    #46139

    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.

    #46197

    sh kaleem
    Customer

    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

    Private Content Hidden
    #46199

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

    #46244

    sh kaleem
    Customer

    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

    Private Content Hidden
    #46267

    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

    #46306

    sh kaleem
    Customer

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

    #46356

    Great, we are glad that you like it 🙂

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.