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! 

 

 

Replies 7 (7)

Michael_Pink
Shopify Partner
446 77 107

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

oscprofessional
Shopify Partner
15830 2369 3072

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;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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

Michael_Pink
Shopify Partner
446 77 107

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
deadrosesuk
New Member
7 0 0

Here the link!

 

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

 

Cheers!

Michael_Pink
Shopify Partner
446 77 107

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
remnscent
Visitor
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...