How to Make Collection List and Feature Collection Heading Align in Center of Page with Trade Theme

[jordanbford1]

Hi!

How can I make the collection list/feature collections on my home page have their header text be centered to the page instead of left in Trade Theme on both desktop and mobile?

I would like the "Save up to 60%" to be in the center. Here is my website.

[Made4uo-Ribe · Accepted solution]

Hi @jordanbford1 

Not including the feature collection? 

If not try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.collection-list-wrapper .title-wrapper-with-link {
    justify-content: center !important;
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[jordanbford1]

@Made4uo-Ribe I have a collection lists and featured collections that both need this

[Made4uo-Ribe]

Yes, you can add this code. Same instruction. Be sure the very last curly bracket. }

h2.inline-richtext {
    text-align: center;
}

And Save. 

Result:

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[jordanbford1]

@Made4uo-Ribe Does "Related Products" use this same code? (Thinking on my product page)

[Made4uo-Ribe]

I change the code so it will also work. Please, check it and let me know. Thanks!