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

[rebelcopenhagen]

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

[Dan-From-Ryviu]

Hi @rebelcopenhagen 

Dan here from Ryviu: Product Reviews & QA app.

Could you share your product page URL to check? 

[rebelcopenhagen]

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

[Dan-From-Ryviu · Accepted solution]

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;
}

[rebelcopenhagen]

Thank you so much! It worked 🙂

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