How to fix the shoppingcart button - by gewoonbovenaan

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

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    November 18, 2020 at 14:43

    I have the problem with all of my shops that the position of the cart button (in winkelmand) is changing position due to the review stars. Can u tell me how to make the position of the button fixed so it dont look like this? https://gyazo.com/988944439ffb7790714f3d4203b48898

    2) how can i change the bordercolor around these elements https://gyazo.com/96f823ae5c14dafd88abb5b1545c9349
    and the border of the checkbox https://gyazo.com/1c7bb6a49c9ffcde57958c224b4d3045

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 18, 2020 at 15:10

    Hello,

    Add the next custom CSS code:

    .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: gewoonbovenaan
    gewoonbovenaan
    Participant
    January 19, 2021 at 16:37

    Hi thanks for al your help. can we also do that with the product text? the position changes when there are 2 lines instead of 1. https://gyazo.com/4bc4d404c4a10220f9a7ccc6385405f9
    The position of the producttext should be in the same place as when there is 1 line or two lines. how can i fix that? https://hairservicebreda.hellomarketing.nl/product-categorie/tools/page/3/?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 19, 2021 at 21:29

    Hello,

    You can add the below custom

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

    But titles of products that do not have brands will be lower https://prnt.sc/x8huo4 and we can do nothing with this.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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