Center Align Product Name - Refresh

HenryA
Excursionist
15 0 7

Hello, I am wondering how to center the product name on my product page (Refresh Theme). Thank you in advance for your help. 

Replies 11 (11)

Moeed
Shopify Partner
3689 930 1161

Hey @HenryA 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
HenryA
Excursionist
15 0 7

Thanks for getting back to me. My URL: 88269d-2.myshopify.com

 

Moeed
Shopify Partner
3689 930 1161

Hey @HenryA 

 

Your store is password protected, please share the password as well.

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
HenryA
Excursionist
15 0 7

Password is shopifyabc

Moeed
Shopify Partner
3689 930 1161

Hey @HenryA 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__title {
    text-align-last: center !important;
}
</style>

RESULT:

Moeed_0-1699340075868.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

ZestardTech
Shopify Expert
5393 971 1293

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

ZestardTech
Shopify Expert
5393 971 1293

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

 

.product__title h1 {
    text-align: center;
}
.product-form__buttons {
    text-align: center;
    margin: 0 auto;
}

 

ZestardTech_0-1699340193675.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HenryA
Excursionist
15 0 7

Thank you! Just one more tweak - could you help me reduce the space between the price and the color variations? 

ZestardTech
Shopify Expert
5393 971 1293

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

 

product-form.product-form {
margin: 0!important;
}
.product__info-container>*+* {
margin: 0!important;
}

 

ZestardTech_0-1699341000718.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HenryA
Excursionist
15 0 7

Thank you! This is exactly what I was looking for. 

oscprofessional
Shopify Partner
15843 2371 3073

Hello @HenryA 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    text-align: center !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing