Centering entire blog on DAWN theme

jennarose
Pathfinder
168 0 32

Hi, 

 

URL is www.daughterofanangel.com

 

Password is JENNA

 

I am trying to center my entire blog post, date, title header, everything on the blog page.

 

Thanks in advance!

Replies 4 (4)

GemPages
Shopify Partner
5589 1261 1218

Hello @jennarose 

I would like to give you some recommendations to support you
You can add custom code to theme.liquid like this 

GemPages_0-1668561963069.png

 

 

  <style>
      article.article-template {
        text-align: center;
      }
      article.article-template share-button.share-button {
          display: flex;
          justify-content: center;
      }
    </style>

 


I hope the above is useful to you.
Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
melissakolstad
Tourist
4 0 1

This worked! Thank you!! 

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

Hi @jennarose

 

Go to your Online Store > Themes > click 3 dots button > Edit code > Assets > base.css, add those CSS code at the bottom of your file, click Save button 

.article-card__info, 
.article-card__excerpt { text-align: center; }

 

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

ZestardTech
Shopify Expert
5490 988 1313

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.main-blog h1.title--primary {
text-align: center;
}
.article-card__excerpt {
text-align: center;
}
.article-card__info {
text-align: center;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing