Re: Centre Product Title on Product Page for Impulse Theme

Solved

Centre Product Title on Product Page for Impulse Theme

Sydonie_Baldiss
Tourist
11 0 4

Hey there! 

 

I am needing some help to centre the product title on the desktop view on the Impulse theme. My price, ratings and buttons are centred, but my product title isn't. I have tried to find other codes in the forum but have come up short. Any help you can offer would be very much appreciated! 

Screenshot 2024-05-31 at 5.27.55 PM.png

Accepted Solution (1)

ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hello @Sydonie_Baldiss ,

 

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

 

.product-single__title {
text-align: center;
}

 

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

View solution in original post

Replies 6 (6)

techlyser_web
Shopify Partner
1834 342 368

Hello @Sydonie_Baldiss 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product__title {
     text-align: center;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Rahul_dhiman
Shopify Partner
238 44 43

@techlyser_web 
So, GO to online store --> theme--> edit code
In the left sidebar, locate the Assets--> theme.liquid
Scroll to the bottom of the file add the following CSS code.
<style>
.product__title
{
text-align: center;
}
</style>
I think this will solve your problem, if yes, please mark the job as complete

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Sydonie_Baldiss
Tourist
11 0 4

This won't work sorry! I have pasted into theme.css.liquid and it won't centre on desktop view. It is centred on mobile view, but not on desktop. 

 

Do you have any other suggestions or work arounds? 

ZestardTech
Shopify Partner
5636 1031 1359

This is an accepted solution.

Hello @Sydonie_Baldiss ,

 

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

 

.product-single__title {
text-align: center;
}

 

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
Sydonie_Baldiss
Tourist
11 0 4

This worked! Thank you so much 🙂

ZestardTech
Shopify Partner
5636 1031 1359

Hi @Sydonie_Baldiss 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

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