Centre align collection page headings

[hitesh469]

Hello, 

Thanks in advance 

Please help me with the code to center align collection page headings. I have tried multiple codes, it works for the about us page and the contact page but it does not work for the collection page. I am guessing the code for the collection page main headings must be different. I am using the sense theme fully updated version. Leaving a link of the collection page below: 

https://gomyld.com/collections/handmade-soap-bar

[ZestardTech · Accepted solution]

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:

.collection-hero__inner {
    text-align: center!important;
}

[StoreWatchers]

Hi, @hitesh469 

Greetings from the Store Watchers Support Team! Happy to help you today.

1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file -> Save

.collection-hero__title{
   text-align: center !important;
}

After applying the above CSS code , it will show like the following screenshot:

Let me know If need further assistance

Regards,

Store Watchers Support Team

[oscprofessional]

Hello @hitesh469 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.collection-hero h1.collection-hero__title {
    text-align: center !important;
}