Solved

Align product preview photos with main picture in Debut

Gem_Mint_TCG
Tourist
5 0 1

Hey all!

I have a little visual problem with my store, www.gem-mint-tcg.de. I am using the Debut theme.

Somehow the two preview pictures arent aligned to the middle of the main photo above, screenshot below. If I add 4 instead of 2 pictures, It seems alright, but it doesnt change positions once you delete some of them. Any help would be greatly appreciated.

Thanks!2022-02-28 20_53_20-Window.png2022-02-28 20_55_44-Window.png 

Accepted Solutions (2)

kazi
Shopify Partner
543 85 105

This is an accepted solution.

@Gem_Mint_TCG   add this css to  theme.css

 

.product-single__thumbnails {
justify-content: center;
}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd

View solution in original post

kazi
Shopify Partner
543 85 105

This is an accepted solution.

add this css

 

.price--on-sale .price__sale {
justify-content: center;
}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd

View solution in original post

Replies 7 (7)

kazi
Shopify Partner
543 85 105

This is an accepted solution.

@Gem_Mint_TCG   add this css to  theme.css

 

.product-single__thumbnails {
justify-content: center;
}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd
Gem_Mint_TCG
Tourist
5 0 1

Wow, awesome! Worked right away, thanks for your super fast response and have a good week!

Gem_Mint_TCG
Tourist
5 0 1

Hello Kazi,

thanks again for your instant help to my problem. One more thing: is there a similar solution to center the price tag from sale items? Unfortunely they are aligned left.

 

Thanks in advance!

 

Ioannis

kazi
Shopify Partner
543 85 105

Hi can you send me screenshot?

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd
Gem_Mint_TCG
Tourist
5 0 1

Yes, sent you a screenshot per message! Thank you!

kazi
Shopify Partner
543 85 105

This is an accepted solution.

add this css

 

.price--on-sale .price__sale {
justify-content: center;
}

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd
Gem_Mint_TCG
Tourist
5 0 1

Perfect! Thank you so much, you really helped me a lot!