Adjust product frame - by Pavlos Pavlidis

This topic has 8 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Olga Barlow

  • Avatar: Pavlos Pavlidis
    Pavlos Pavlidis
    Participant
    December 23, 2020 at 12:07

    hello is it possible to adjust products on the catalogue?

    https://imgur.com/a/YhjpFIE

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 23, 2020 at 13:00

    Hello,

    Try to add the next code in Theme Options > Theme Custom CSS:

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    Regards

    Avatar: Pavlos Pavlidis
    Pavlos Pavlidis
    Participant
    December 23, 2020 at 13:28

    hello, thank you for you reply

    https://imgur.com/a/C8dH8E7

    is it possible to align the text? At the top and leave a space between name and price.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 23, 2020 at 13:36

    Hello,

    Could you provide URL of the mentioned page?

    Regards

    Avatar: Pavlos Pavlidis
    Pavlos Pavlidis
    Participant
    December 23, 2020 at 16:55
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 23, 2020 at 19:35

    Hello,

    Add the below code to Theme Options > Custom CSS

    .content-product .product-title a {
        line-height: 2.5ex !important;
        min-height: 7.5ex;
    }

    Regards

    Avatar: Pavlos Pavlidis
    Pavlos Pavlidis
    Participant
    December 24, 2020 at 00:53

    that is Great!
    thank you!

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 24, 2020 at 15:04

    You are welcome.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘adjust product frame’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.