FROM CACHE - en_header

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

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4534 586 1148

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.
Want to convert visitor to buyers ? try This app.
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

View solution in original post

Replies 16 (16)
Jasoliya
Shopify Expert
4534 586 1148

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.
Want to convert visitor to buyers ? try This app.
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

nuclceusmagnet
New Member
4 0 0
How to centre image in Theme liquid
Jasoliya
Shopify Expert
4534 586 1148

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

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Jasoliya
Shopify Expert
4534 586 1148

Send me your store url.

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Jasoliya
Shopify Expert
4534 586 1148

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.
Want to convert visitor to buyers ? try This app.
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
Simon33
Shopify Partner
8 0 2

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

Jasoliya
Shopify Expert
4534 586 1148

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

check it in theme editor.

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Visionaire10000
Tourist
7 1 3

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.

BrandsPageBrandsPage

Jasoliya
Shopify Expert
4534 586 1148

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;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Visionaire10000
Tourist
7 1 3

Thanks for your help! That fixed it.

sydney212
New Member
2 0 0

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
Tourist
12 0 1

This really work thank you !!!