Re: Center the header text on dawn theme

Solved

Center the header text on dawn theme

JordiP
Excursionist
45 0 8

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

Screenshot 2024-09-27 at 16.08.04.png

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

Pass: pongia

Accepted Solutions (2)

suyash1
Shopify Partner
9970 1240 1577

This is an 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;}

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.

View solution in original post

suyash1
Shopify Partner
9970 1240 1577

This is an accepted solution.

@JordiP  - add this css as well and check

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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
9970 1240 1577

This is an 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;}

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.
JordiP
Excursionist
45 0 8

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.

Screenshot 2024-09-27 at 19.59.18.png

suyash1
Shopify Partner
9970 1240 1577

This is an accepted solution.

@JordiP  - add this css as well and check

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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.
JordiP
Excursionist
45 0 8

Thank you!

websensepro
Shopify Partner
1272 144 160

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>

 

websensepro_0-1727446475271.png

 

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

Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial

BSSCommerce-B2B
Shopify Partner
1954 562 561

@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:

BSSCommerceB2B_0-1727447422841.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now