Help with centering text in colorblock theme

Store Design
,
1

Greetings!

I am having difficulties with centering heading text in my landing page sections. (Both desktop and mobile versions) There is no option to do it in the theme editor so i tried to inject code in the custom css of my sections but nothing happens. Any help would be greatly appreciated. (Im using Colorblock theme)

2

Hey @sutatoclothing

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

Best Regards,
Moeed

3

Hi @sutatoclothing

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for you.

Best regards

Sahil

4

Hey @Moeed

Store url is: www.sutatoclothing.com. I dont think i have a password, you can send me a collab request. Thanks so much for taking the time.

Regards,

George

5

Hi @sutatoclothing Thanks for providing the URL; Please add this code in base.css file.

.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
    display: flex;
    justify-content: center;
}

If you are not sure where is your base.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in Refresh Theme.
  4. Click Edit Code.
  5. Search Base.css in the code in left hand side.
  6. Add the code given above.

Result:

sahilsharma9515_0-1700148324649.png
sahilsharma9515_0-1700148324649.png1879×430 91 KB

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the changes so that this will work well for you.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil