Return to previous page

How to fix the shoppingcart button - by gewoonbovenaan

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

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

#260193 Copied Theme version: 7.02

3 Answers
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
#260197 Copied
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/?

#269152 Copied
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
#269193 Copied
Viewing 4 results - 1 through 4 (of 4 total)