What's your biggest current challenge? Have your say in Community Polls along the right column.

Centering entire blog on DAWN theme

Centering entire blog on DAWN theme

jennarose
Pathfinder
171 0 33

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
5625 1262 1254

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
10303 2044 2115

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 Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ZestardTech
Shopify Partner
5912 1067 1413

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