Add a collection name and have it centered on page - Capital Theme

Store Design
1

Hello Comunity,

I would like to add a collections name on my collections pages. I also need the name to be centered. currently, I am using the “Collection Grid” to display my products, but that module doesn’t have a header name. as a workaround I inserted the “Collections Filter” module as that has a name but it is left justified (see picture). I want to do this the right way, so I’m seeking advice.

Just need a way to have a centered name for the current collection on the page, maybe I could utilize the Custom HTML module to pull in the name from the loaded URL address?

URL: LuckyinDesign.com

PW: liegla

Theme: Capital by Eight

Presentation1.jpg
Presentation1.jpg1280×720 53.6 KB

2

Hi @Lucky07 ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

Asset->/theme-collection.css ->paste the below code at the bottom of the file.

.collection-title {
 text-align:center;
}

If you have any concerns feel free to ask me!

Regards,
Ani

3

This worked perfectly, thank you so much !!