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]

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]

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

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?

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

Store Design

Dan-From-Ryviu March 6, 2024, 2:14am 2

Hi @rebelcopenhagen

Dan here from Ryviu: Product Reviews & QA app.

Could you share your product page URL to check?

Topic		Replies	Views
How can I properly align images in the 'pairs well with' section? Store Design customizations , css , product-page	4	24	September 30, 2023
Aligning Images of Complimentary "Pairs Well With" Products Store Design design , customizations , css , product-page	5	34	March 6, 2024
Change alignment of "Complementary Products" heading Store Design product-page	7	191	April 28, 2025
Looking to have product images more centred aligned in product pages Store Design customizations , collection-page , product-page	2	13	August 25, 2024
Align product thumbnail images with main product image (square) Store Design design , product-page	8	61	September 11, 2024

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

Related topics