How can I center collection headers in the Dawn theme?

Solved

How can I center collection headers in the Dawn theme?

gyggle
Tourist
6 0 0

gyggle_0-1709796372846.png

How do I center the headers beneath each collection?

Kind regards

Accepted Solutions (2)

Moeed
Shopify Partner
6735 1820 2202

This is an accepted solution.

Hey @gyggle 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h3.card__heading {
    text-align-last: center !important;
}
</style>

RESULT:

Moeed_0-1709796568423.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

This is an accepted solution.

Hi @gyggle 
Dan here from Ryviu: Product Reviews & QA app.

To do that, please add this code at the bottom of your base.css file.

.collection-list .card__heading {
text-align: center;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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.

View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
6735 1820 2202

This is an accepted solution.

Hey @gyggle 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h3.card__heading {
    text-align-last: center !important;
}
</style>

RESULT:

Moeed_0-1709796568423.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Dan-From-Ryviu
Shopify Partner
10939 2148 2286

This is an accepted solution.

Hi @gyggle 
Dan here from Ryviu: Product Reviews & QA app.

To do that, please add this code at the bottom of your base.css file.

.collection-list .card__heading {
text-align: center;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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.