Center the header text on dawn theme

[JordiP]

Hello, how can I allign header texts such as the ones below so they are centered? 'Mas vendidos' , 'Colecciones'

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

[suyash1 · Accepted solution]

@JordiP  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.title{text-align: center;}
.title-wrapper-with-link {justify-content: center;}

[suyash1 · Accepted solution]

@JordiP  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.title{text-align: center;}
.title-wrapper-with-link {justify-content: center;}

[JordiP]

How would I go about centering the headers on the product page aswell? Like for the example in the image. Everything on the main page is perfect, but I want to maintain this centered header idea throughout my whole store.

[suyash1 · Accepted solution]

@JordiP  - add this css as well and check

.related-products__heading {text-align: center;}

[JordiP]

Thank you!

[websensepro]

Hi @JordiP 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
h2.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
    text-align: center !important;
}
.title-wrapper-with-link {
    justify-content: center !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[BSSCommerce-B2B]

@JordiP ,

Add this code to the end of base.css file

.collection__title, .collection-list-title {
    width: 100%!important;
    display: flex!important;
    justify-content: center!important
}

Result: