How to align product text and price [Debut Theme]

Highlighted
New Member
2 0 0

Hello guys, i need help to align the price/text of the product in the home page.

 

The text/price is at left side < i want it to be centered, any help would be awesome, tyvm!

0 Likes
Highlighted
Shopify Expert
3474 543 819

Hi @Ayuzi 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product__price .price{justify-content: center;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
New Member
2 0 0

@Jasoliya wrote:

Hi @Ayuzi 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product__price .price{justify-content: center;}

Hello JAsoliya, ty for the help, sadly the code didn't worked for me, but i manage to fix with this thread https://community.shopify.com/c/Shopify-Design/Debut-theme-product-title-on-collection-page-won-t-ce... for the title.

and for the price, i had to add margin to the price, in mobile seems odd, there's a way to only change on mobile and keep the way it looks on dekstop? tyvm again.

0 Likes
Highlighted
Shopify Expert
3474 543 819

Yes you add your css in this media query that only apply in mobile not desktop

@media only screen and (max-width: 767px) {
    //add your css here   
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes