How to center title on homepage for desktop and mobile

[Allen6224]

Hi,

I'm trying to figure out how to center the title "Journey Perfect Sleep Chair" for ecommerce store on desktop and mobile. my website is www.liftchairheaven.com

See below for screenshot of homepage

[Made4uo-Ribe]

Hi @Allen6224 

TRy this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.rich-text .rich-text__blocks h2.h1 {
    text-align: center !important;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[DaisyVo]

Hi @Allen6224 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.rich-text__blocks > h2 {
    text-align: center !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Dan-From-Ryviu · Accepted solution]

Hi @Allen6224 

You can do that by adding this code to Custom CSS of that section. 

h2 { text-align: center; }

[Allen6224]

Thanks that worked.

[Dan-From-Ryviu]

Very welcome!