Blog posts to be left aligned not centre aligned - refresh theme

Solved

Blog posts to be left aligned not centre aligned - refresh theme

HeatMyHouse
Tourist
10 0 2

Hi,

 

I've started writing blog posts, but the content is centrally aligned and I would like them to be center aligned.

 

I am using the refresh theme.

 

Can anybody help me make the blog posts left aligned?

 

Here's an example of a blog post from my website - 

 

https://www.heatmyhouse.co.uk/blogs/articles-boilers/converting-a-vented-system-to-an-unvented-syste...

 

Thanks

 

Ian

Accepted Solution (1)

Huptech-Web
Shopify Partner
1169 234 264

This is an accepted solution.

Hello! @HeatMyHouse Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

.article-template__content > * {
    text-align: left;
}

 

heatmyhouse-co-uk-blogs-articles-boilers-converting-a-vented-system-to-an-unvented-system-2025-03-18-17_02_14.png


If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 4 (4)

Huptech-Web
Shopify Partner
1169 234 264

This is an accepted solution.

Hello! @HeatMyHouse Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

.article-template__content > * {
    text-align: left;
}

 

heatmyhouse-co-uk-blogs-articles-boilers-converting-a-vented-system-to-an-unvented-system-2025-03-18-17_02_14.png


If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
HeatMyHouse
Tourist
10 0 2

Thank you, that has done it.

 

I appreciate your help.

 

Would you also be able to tell me how to left align the text in my footer too please??

 

Thanks

Huptech-Web
Shopify Partner
1169 234 264

Hello @HeatMyHouse ,

To align the footer to the left, please add the following code to your CSS file or base.css:



.footer .footer-block {
    text-align: left;
}


Here is the screenshot for the same.

footer-alignment.png

If you found my response helpful, I would appreciate it if you could like this message and mark it as the accepted solution. Please feel free to reach out if you have any further questions.
(S.P)

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
HeatMyHouse
Tourist
10 0 2

Hi, 

Thanks for you help with the text alignment. The blog post alignment worked perfectly but the footer alignment doesn't change. Is there anything else I could try?

 

Thanks

 

Ian