Solved

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

rebelcopenhagen
Tourist
13 0 0

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

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an 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;
}

Screenshot_3.jpg

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

Hi @rebelcopenhagen 

Dan here from Ryviu: Product Reviews & QA app.

Could you share your product page URL to check? 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

rebelcopenhagen
Tourist
13 0 0

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
Shopify Partner
7558 1461 1457

This is an 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;
}

Screenshot_3.jpg

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

rebelcopenhagen
Tourist
13 0 0

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?