Pleaseee help! Need to center product title and price

Solved
Highlighted
New Member
2 0 1

Hi! I have read over so many forums and cannot get this to work. On my website, I want to center the product title and price on the featured collection on my home page, and on my products (shop now) page. Here is my URL: https://shopobelia.com/

I am using the debut theme. 

Thank you so much!

1 Like
Highlighted
Shopify Partner
5989 882 2018

This is an accepted solution.

Hello, @hannahz 

Thanks for post .

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-card {
text-align: center;

.price {
align-items: center;

.price__regular {
margin-right: 0;
}

}

}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
2 0 1

This worked great! thank you so much!

0 Likes
Highlighted
Shopify Partner
5989 882 2018

@hannahz 

Thanks for compliments 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

How can I set my discount price to be centered as well? url: https://dallina.com/

1 Like
Highlighted
Shopify Partner
5989 882 2018

@Dallina 

Thanks for post 

i can see alredy center can you please provide screenshot.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

It is centered when viewed from a computer, is it possible to set it up for a mobile phone as well? 123qwe123.png

0 Likes
Highlighted
Shopify Partner
5989 882 2018

@Dallina 

Thanks for clear

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 1

Thank you so much!

0 Likes
Highlighted
Tourist
9 0 3

Hey @KetanKumar

I have a similar issue. I only have one product & I want my product (featured collection) on my landing page to be centered. 

 

Can you help me further with  that? 

 

Many thanks & best, 

 

Felicitas

FeliDammertz_0-1594653696982.png

 

1 Like