Centering text on main page

Highlighted
New Member
8 0 0

hello,

Can anyone help me with the centering of the text on the main page? The new site has not launched yet. 

I know I need to add a code somewhere but not sure what and where.

Screen Shot 2020-10-23 at 1.58.45 PM.png

Screen Shot 2020-10-23 at 1.58.36 PM.png

0 Likes
Highlighted

Please provide an URL to your website

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes
Highlighted
New Member
8 0 0
The new site hasn’t gone live yet. Still working on it. See on original post.
0 Likes
Highlighted

Sorry, without access to the website I can't help.

EDIT:

You need to add:

.classOfThatBlock {text-align:center}

 Inspect the block to find the class of that block. (Go over the block > Right click > inspect element) then change .classOfThatBlock with the class you've just found.

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes
Highlighted
New Member
8 0 0

where is the class block located? under theme.scss.liquid?

0 Likes
Highlighted

If you click on “share preview” (bottom bar) you can send me the link of your “not yet published theme” so I can inspect the right element and solve your problem in no time.

But yes, that’s the file where you should paste the code once you’ve found the right class name.

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes
Highlighted
New Member
8 0 0

here's the link: 

0 Likes
Highlighted
Highlighted

Paste this code at the very bottom of your theme.scss.css file

 

#shopify-section-1602010657e09f4621,#shopify-section-160263746929b3317d{text-align:center!important}

 

 

let me know if it works!

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
Highlighted
New Member
8 0 0

Thank you so much!! yes, it worked!!

One more question, how do I make the template full-width? take out the borders.

0 Likes