How to align images of Complimentary "Pairs Well With" Products

Store Design
, , , ,
1

Hi.

How do I get the images from the complimentary “Pairs well with” to align next to each other instead of on top of each other?

The theme is Kalles version 4.3.1

Thank you

Udklip.JPG
Udklip.JPG813×527 29.4 KB

2

Hi @rebelcopenhagen

Dan here from Ryviu: Product Reviews & QA app.

Could you share your product page URL to check?

3

Hi Dan.

Sorry for the late reply.
The product url is https://www.rebelcopenhagen.dk/collections/nyheder/products/ck08202-1?variant=49294456062278 (The shop is not open yet, but the login code is copenhagenrebel)

Thank you

4

Go to Online store > Themes > Edit code > open main-product.css, add this code at the bottom, and save file

.t4s-product__info-wrapper .t4s-complimentary_products {
    display: flex;
    column-gap: 20px;
}

Screenshot_3.jpg
Screenshot_3.jpg1340×613 93.4 KB

5

Thank you so much! It worked :slightly_smiling_face:

Do you know what code to write if I want the text and price below the image and the entire section centered?