Centering Text in Theme Editor

[CryptoBarket]

Hello community 😃

I would like to center the text “Magic Coming Soon” (I attached image) www.cryptobarket.com/magic. Shopify support said since this text is in the “Title” section of the webpage I created, I can NOT edit it using the simple tools. I can only edit it using theme code customizations, which requires knowing how to edit HTML/Liquid, which I dont know how to do. It seems like a simple edit to center this text. Any help would be tremendously appreciated.

Thank you in advance,
Alex

[Jasoliya · Accepted solution]

hi @CryptoBarket 

Follow this;

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.section-header {   text-align: center; }

[CryptoBarket]

Jasoliya,

Thank you so much for such a simple and quick solution!!

Alex

[nuclceusmagnet]

How to centre image in Theme liquid

[Jasoliya]

Which image you want to make in center ? send your store url 

[Simon33]

Hello Jasoliya can you please tell me a way to center the text "Our Store Offers Free Shipping World...text-align: center; } but it doesn't work.Thanks in advance!text-align: center; } but it doesn't work.Thanks in advance!

[Jasoliya]

Send me your store url.

[Simon33]

Click on the logo because for now it's only written on that page rqmarket.com

[Jasoliya]

Hi, Ad this css in asset->theme.scss file at bottom:

@media only screen and (max-width: 767px) {
  #shopify-section-featured-content .rich-text__text--large{ text-align: center; }
}

Now you have to to remove all   from this text. see image

[Simon33]

Thank you for the help

[Simon33]

Can you please tell me where all the nbsp; are located becauseI can't find them?

[Jasoliya]

My be you have featured-content section in your theme editor.

check it in theme editor.

[Visionaire10000]

Hi,

I'd like to know how to go about centering this text? I have a designer which he informed me centering this text is not allowed on Shopify. I'm sure this can be done with HTML coding but I'm not sure how to go about doing so. If it's possible how can I fix? I'm currently using Boundless theme.

BrandsPage

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#b-r-a-n-d-s .page-container h1{text-align: center;}

[Visionaire10000]

Thanks for your help! That fixed it.

[sydney212]

Hi 

Does anyone know how to edit the code in theme editor to block align text in the 'about us' page of my shopify store?

I have copied the text across to word and tried to copy back in and it defaults back to the centre alignment. 

This is my attempt so far and it's block aligned the left hand side text with the right hand side off. 

It's frustrating now so, asking for help! thank you 

[Yesika-Creative]

This really work thank you !!!