Center text in home screen blog posts

New Member
4 0 0
Hi, I’m not a coder, but recently added some blog posts to the homepage of my Brooklyn site (bear bottom of page) and am just wondering how I can center the text. Can someone help? Text is really close to the edge of the screen, especially on mobile. I figure centering the text will help a bit with this. Thoughts?
0 Likes
Shopify Expert
665 170 199

Hi, @Maukapens,

 

This is Evita from On The Map.

 

Cay you send me your store URL and screenshot me where the text is located?


Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
4 0 0
Sure, my site is maukapens.com. I’m not sure how to put a photo in here but you can see at the bottom of the main page the blog preview text is left justified. Would like to center within the blog previews. Thank you very much.
0 Likes
Shopify Expert
665 170 199

Ok, so you will need to edit the code, don't worry if you don't have any experience. I will guide you through.

 

1. Go to admin -> Online store -> Themes and in Live theme find edit codehttps://prnt.sc/p8soun (Here is the photo).

2. Then find theme.scss.liquid file, make sure the file is not .js file and add the code in the bottom of the file and save it. https://prnt.sc/p8sqnl

3. All done! :)

 

Here is a simple line of code: 

.large--one-third {
    text-align: center;
}

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes