Collections Page Price and Sold Out are not correctly aligned to eachother

Solved
Highlighted
Tourist
4 0 2

Hi I'm having a problem with my collections page, currently there seems to be a small error with the alignment of the product header, its price and the sold out icon, they seem to not be aligned to eachother correctly.

website - https://pokiey-ldn.myshopify.com/collections/all

password - test123

thanks.

0 Likes
Highlighted
Shopify Partner
3135 682 835

@Pokiey 

It looks align. Can you please provide a screenshot?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 2

Hey thanks for replying,

I actually got fed up an just reset the alignment to the left instead, but I'm having a problem trying to centre align the variants (sizes) on my product page 

https://gyazo.com/4413ce6d1c0740c0dca9b956b4d3c042?token=2301c35122ede16e27e434e7caa3c944  <-- screenshot for proof

If you could try help with this that would be amazing.

 

thanks.

0 Likes
Highlighted
Shopify Partner
3135 682 835

This is an accepted solution.

@Pokiey 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

.product-form__item {
    width: 50%;  
    margin: 0 auto;
}

 

This will align the variant.

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
4 0 2

@dmwwebartisan mate you are an absolute superstar thank you so much it worked. would you also possibly know how I could add a "pay with klarna" option on the product page aswell? I already have them intergrated but I want to see if i can get that added onto the product page so people know the option is available.

if not though thank you anyways mate have a good one

1 Like
Highlighted
Shopify Partner
3135 682 835

@Pokiey 

I will get back to you with "pay with klarna" option if any easy solution. 

Please mark this post Accept as solution so others can take benefits.

Hope you understand.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
4 0 2

no worries mate thank you anyways ^^

1 Like
Highlighted
Shopify Partner
56 3 10

Hi @Pokiey ,

Klarna has a free Shopify app that enables easy On-site messaging without any coding (for stores integrated with Klarna as a Shopify alternative payment method), available at: https://apps.shopify.com/klarna-on-site-messaging

 

Support Guide at: https://x.klarnacdn.net/plugins/KlarnaOnSiteMessagingapponShopifySupportGuide.html

0 Likes