How can I center align collection page headings on a Sense theme?

Solved

How can I center align collection page headings on a Sense theme?

hitesh469
Tourist
8 0 5

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


Accepted Solution (1)

ZestardTech
Shopify Partner
5636 1031 1359

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

ZestardTech_0-1686287964030.png

 

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

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Partner
5636 1031 1359

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

ZestardTech_0-1686287964030.png

 

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

StoreWatchers
Trailblazer
205 30 36

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:

Screenshot_25.png

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

oscprofessional
Shopify Partner
15979 2390 3098

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free