Centering Text in Theme Editor

Solved
CryptoBarket
New Member
3 0 0

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
E21EE1E0-4851-451B-BA6A-D92CE2C5A6D5.png

0 Likes
Jasoliya
Shopify Expert
4299 569 1073

This is an 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; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
CryptoBarket
New Member
3 0 0

Jasoliya,

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

Alex

0 Likes
nuclceusmagnet
New Member
4 0 0
How to centre image in Theme liquid
0 Likes
Jasoliya
Shopify Expert
4299 569 1073

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

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Jasoliya
Shopify Expert
4299 569 1073

Send me your store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Simon33
Shopify Partner
8 0 2
Click on the logo because for now it's only written on that page rqmarket.com
0 Likes
Jasoliya
Shopify Expert
4299 569 1073

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

space.PNG

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Simon33
Shopify Partner
8 0 2
Thank you for the help
0 Likes