Viewing 7 posts - 16 through 22 (of 22 total)
  • #153551
    crystallisspecimens
    Member
    Post count: 113

    How do I add Shadows to my Products Categories?

    I have the shadows in the products and I would like shadows also in the Categories.

    Link is here http://crystallis.com/products/

    #153594
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I am sure that you have customized the theme or you are not using latest version of theme. Product shadow comes by default.
    Thanks
    Mohammad

    #153872
    crystallisspecimens
    Member
    Post count: 113

    Maybe yes I have done it.
    But I don’t know where this is specified.
    Can you let me know please?
    I am sending you all my customs css below:

    .page-heading { padding-top: 25px; padding-bottom: 0px; margin-top: 0; margin-bottom: 0 !important; position: relative; text-align: left; border-bottom: 0px solid transparent; border-top: 0!important; }
    .page-heading h1, .page-heading h3 { color: #ffffff; }
    body .has-one-sidebar ul.products li.product { width: 229px; }
    .inner-page-wrap { margin-top: 10px; margin-bottom: 0px; }
    figure img { width: 70%; height: auto; }
    .woocommerce .wc-new-badge, .woocommerce .free-badge {
    display: none;
    }
    #breadcrumbs {display:none;
    }
    .search-results .page-heading {
    display: none;
    }
    .search-results .standard-post-author {
    display: none;
    }
    .search-results .inner-page-wrap {
    padding-top: 220px;
    }
    .search-results .standard-post-details .standard-post-date {
    display: none;
    }
    @media only screen and (min-width: 480px) {
    .search-results .blog-items.standard-items .blog-item figure {
    width: 50%;
    }
    .login-wrap {
    width: 50%;
    margin: 0 auto;
    }
    .search-results .blog-item {
    padding-top: 15px;
    margin-bottom: 15px;
    }
    .woocommerce ul.products li.product figure {
    width: 75%;
    }
    .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    margin-right: 40px;
    }
    .product-category.product img {
    width: 85%!important;
    }
    /* IMAGE AREA */
    .woocommerce div.product div.images {
    width: 37%;
    }
    /* DETAILS AREA */
    .woocommerce div.product div.summary {
    width: 60%;
    }
    .woocommerce ul.products li.product figure {
    left: 11%;
    }
    .accordion-inner h2 {
    display: none;
    }
    #footer {
    padding: 10px 0 0;
    }
    #footer-widgets .widget {
    padding-bottom: 10px;
    }
    .search-results .love-it-wrapper {
    display:none;
    }
    }
    .shop-actions {
    display: none;
    }
    .summary .product_meta .leave-feedback {
    display: none;
    }
    ul.products li.product .price {
    font-size: 15px !important;
    }

    #153874
    crystallisspecimens
    Member
    Post count: 113

    Just to remind that the shadows are ok for the products image but not ok for the categories.
    Please see link: http://crystallis.com/products/

    #153893
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce ul.products li.product a img {
        box-shadow: 0 8px 6px -7px #999999 !important;
    }

    Thanks
    Mohammad

    #153901
    crystallisspecimens
    Member
    Post count: 113

    BEAUTIFUL!

    Thank you!

    #154011
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks 🙂
    With Best Regards
    Mohammad

Viewing 7 posts - 16 through 22 (of 22 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register