Forum Replies Created

Viewing 1 replies (of 1 total)
  • Thread Starter vijayshreesovani

    (@vijayshreesovani)

    This is the CSS which could be conflicting

    /* Hide the original Read More label.  */
    .products .outofstock .button.product_type_simple {
        visibility: hidden;
    }
    
    /* Replace original label with Out of Stock label. */
    .products .outofstock .button.product_type_simple::before {
    
        content: "Sold Out";
        visibility: visible !important;
        background-color: #e60000;
        padding: 9% 10%;
        position: absolute;
        margin-top: -10px;
        left: 0;
        right: 0;
        border-radius: 3px;
        text-align: center;
    
    }
    
    body{font-size: 0px !important;}
    
    #mega-menu-wrap-menu-main #mega-menu-menu-main {
    display: flex;
    }
    #mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item {
    flex: auto;
    }
    
    .elementor-widget-wp-widget-woocommerce_product_search .search-field {
        max-width: 100%;
        width: 210px;
        margin-top: 34px;
    }
    
    .dici-elementor-header .elementor-widget-wp-widget-widget_top_wishlist .wishlist_products_counter_text:before {
        font-family: "dici-icons";
        content: '\e83c';
        font-size: 22.5px;
        font-weight: 600;
        display: inline-block;
        color: red;
    }
    
    .site-header-cart .cart-contents:before {
        font-family: "dici-icons";
        content: '\e83d';
        font-size: 22.5px;
        font-weight: 600;
        display: inline-block;
        color: red;
    }
    
    .elementor-widget-wp-widget-woocommerce_product_search .search-field {
        max-width: 100%;
        width: 210px;
        border-color: red;
        margin-top: 34px;
    }
    
    ul.products .product .button, ul.products .product .add_to_cart_button{
        display: inline-block;
        position: relative;
        overflow: hidden;
        text-align: center;
        z-index: 5;
        padding: 10px 22px 11px;
        margin-top: 1px;
        border-radius: 3rem;
        color: white !important;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.7px;
        background-image: linear-gradient(90deg, #D6131C, #EBA800);
        transition: background-color 400ms ease-in, box-shadow 400ms ease-in;
    }
    
    ul.products .product .dici-buttons-wrapper {
        /* position: static; */
        left: 0;
        padding: 0.25rem 20px 50px;
        width: 100%;
        background-color: #fff;
        /* opacity: 0; */
        color: white !important;
        text-align: center;
        transition: opacity 0s ease-in;
    }
    
    .dici-shop-address-view .dici-shop-address-view-city {
        margin-bottom: -5px;
        display: none;
    }
    
    .dici-shop-address-view .dici-shop-address-view-street {
        color: #000;
        padding-top: 7px;
    }
    
    ul.products .product .dici-thumb-wrapper {
        position: relative;
        background-color: #fcf1d6;
        z-index: 2;
    }
    
    ul.products .product:hover .dici-buttons-wrapper {
        opacity: 1;
        background-color: #fcf1d6;
        transition: opacity 400ms ease-in;
    }
    
    ul.products .product .dici-prod-cat-list {
        display: none;
        margin-top: 1rem;
        font-size: 12px;
        color: #888686;
    }
    
    ul.products .product:hover {
        padding-bottom: 10px;
        z-index: 10;
        transition: z-index 0.4s step-start, background-color 0.4s ease;
        background-color: white !important;
    }
    
    ul.products .product .dici-buttons-wrapper {
        /* position: static; */
        left: 0;
        padding: 0.25rem 20px 10px;
        width: 100%;
        background-color: #fff;
        /* opacity: 0; */
        color: white !important;
        text-align: center;
        transition: opacity 0s ease-in;
    }
    
    .page-header-block.dici-custom-image .page-title {
        z-index: 1 !important;
        color: #ffffff !important;
    }
    
    span.expand {
        position: absolute;
        right: 0;
        top: 0.25em;
        width: 1em;
        height: 1em;
        display: none;
        cursor: pointer;
        z-index: 1;
        text-align: center;
    }
    
    strong {
        font-weight: bolder;
        color: #dd3333;
    }
    
    .single-product .product .summary .product_title {
        font-family: Butler;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
        text-transform: none;
        color: #494545!important;
    }
    
    .stock.in-stock {
        color: #dd3333;
    }
    
    .single-product .page-header-block .page-header-block-inner .woocommerce-breadcrumb {
        padding: 6px 0;
        margin: auto 0;
        color: white !important;
    }
    
    #mega-menu-wrap-menu-main {
        background: #e7c672;
    }
    
    #mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link {
        line-height: 40px;
        height: 40px;
        padding: 0px 10px 0px 10px;
        vertical-align: baseline;
        width: auto;
        display: block;
        color: #494545;
        text-transform: none;
        text-decoration: none;
        text-align: left;
        text-decoration: none;
        /* background: red; */
        border: 0;
        border-radius: 0;
        font-family: inherit;
        font-size: 15px;
        font-weight: 700;
        outline: none;
    }
    
    #mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
        background: #e7c672 !important;
        color: red;
        font-weight: normal;
        text-decoration: none;
        border-color: red;
    }
    
    ul.products .product .woocommerce-loop-product__title {
        font-size: 18px;
        font-weight: 500;
        margin: 0.666rem 0;
        letter-spacing: 0 !important;
        padding: 0 15px;
    }
    
    .page-header-block.dici-custom-image {
        color: #fff;
        height: 300px;
        background-color: transparent;
    }
    
    .page-header-block.dici-custom-image .woocommerce-breadcrumb, .page-header-block.dici-custom-image .page-title {
        z-index: 1 !important;
        color: #ffffff !important;
    }
    
    .single-product .page-header-block .page-header-block-inner .nav-links i {
        font-size: 20px;
        display: none;
    }
    • This reply was modified 2 years, 7 months ago by Jan Dembowski.
Viewing 1 replies (of 1 total)