Center Collection/Page Titles Supply Theme

Solved
jmer95
Excursionist
13 0 1

Hello! I'm trying to center the titles on my collections and page title when I go to my theme.css.liquid and past this at the bottom  (.section-header { text-align: center; }) the titles on my featured collections on the homepage also move to the center however I only want the collection page & page titles to be centered.

 

If you can help me out I would greatly appreciate it!

Thank you!

Josh

 

Extra PagesExtra PagesCollection PagesCollection Pages

Jasoliya
Shopify Expert
4120 569 997

This is an accepted solution.

Hi @jmer95 

Add you css like this and remove old one:

#CollectionSection .section-header { text-align: center; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
jmer95
Excursionist
13 0 1

That worked thank you so much!


@Jasoliya wrote:

Hi @jmer95 

Add you css like this and remove old one:

#CollectionSection .section-header { text-align: center; }

 

0 Likes
mustaj
New Member
1 0 0

mustaj_0-1603792746975.png

How to align elements similar to below. I am using Supply theme. Below image looks much professional and neat. Thank you in advance for whom going to help me to fix this.

mustaj_1-1603792937924.png

 

0 Likes
brownbling
New Member
1 0 0

II have various collection lists and would like the grid to be center aligned.

https://65y4hhjwo3ktmsqp-51283329204.shopifypreview.com

I was able to center align the section header but want the collections below to also center align. Can you please help.

0 Likes
Jasoliya
Shopify Expert
4120 569 997

hi @brownbling 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 767px) {
[data-section-type="collection-list-section"] .grid-uniform{display: flex; justify-content: center;}        
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
AFCreationLLC
Tourist
6 0 0
Hi, I would like to do this as well where do I go to put this code?
0 Likes
Jasoliya
Shopify Expert
4120 569 997

It will not work on other theme. must need to change bit selector for your store, send store url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
AFCreationLLC
Tourist
6 0 0

Ohhh, ok I see

a-fashionista-creation.myshopify.com

 

0 Likes