I want to center the title

Solved

I want to center the title

swawestore
Excursionist
59 0 8

I want to centre text drop 1.0 on my website https://swawe.store/ which is currently at the corner Screenshot 2024-06-28 at 00.34.31.png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @swawestore 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {

    text-align: center;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

techlyser_web
Shopify Partner
1780 330 357

Hello @swawestore 

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>
 .collection__title h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
      text-align: center !important;
  }
</style>

techlyser_web_0-1719516305117.png

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

round
Shopify Partner
113 18 10
@swawestore 
hope you are well
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and  paste this code on the end

 

 

 

 

.collection__title h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
      text-align: center ;
  }

 

 

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
round
Shopify Partner
113 18 10

Result:

round_1-1719515700561.png

 

 

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

Made4uo-Ribe
Shopify Partner
6882 1640 2023

HI @swawestore 

check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
    text-align: center;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719516459902.png

     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Dan-From-Ryviu
Shopify Partner
8479 1671 1682

Hi @swawestore 

Please paste this code below to Custom CSS in your Online Store > Themes > Customize > Theme settings to do that. 

.collection__title h2 { text-align: center !important; }

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @swawestore 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {

    text-align: center;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.