How do I centre align my blog post title, content, time stamp, text and images?

deadrosesuk
New Member
7 0 0

How do I centre align my blog post title, content, time stamp, text and images?

 

Everything is currently left aligned and there's a lot of white space on the right - I have removed the Recent Articles side bar and now just need to centre align everything!

 

Thank you! 

 

 

0 Likes
Michael_Pink
Navigator
264 44 56

Please attach with your store url, page url and password if your store has password

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes

Hello deadrosesuk,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1566932200029 .h3 {
    text-align: center;
}
#shopify-section-1566932200029 .featured-blog__meta {
    text-align: center;
}
#shopify-section-1566932200029 .rte.rte--indented-images {
    text-align: center;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
deadrosesuk
New Member
7 0 0

Hey thank you for the swift reply - I posted this at the bottom but sadly it hasn't done anything

 

Here's a screen shot of what the blog listing and pages are looking like. -

 

Screenshot 2020-08-08 at 09.12.05.png

 

 

 

Screenshot 2020-08-08 at 09.11.49.png

0 Likes
Michael_Pink
Navigator
264 44 56

Better than if you can share your store URL, page URL and also password (if your store has one) so we can help you.

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
deadrosesuk
New Member
7 0 0

Here the link!

 

https://deadroses.co.uk/blogs/journal 

 

Cheers!

0 Likes
Michael_Pink
Navigator
264 44 56

follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

 

.template-blog  .wrapper.main-content .grid__item{
	float: none;
	margin: auto;
}

 

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
remnscent
New Member
1 0 0

Hi,

I've also run into this issue. I tried using the code provided but it still did not fix my problem.

Here is a link to our blog, it is a preview because it is not published yet. 

 

https://shkmflsc4fxgsql9-46000275621.shopifypreview.com/blogs/news/articles?preview_key=47a30d10af40...

0 Likes