Center Alignment for titles in Collection List: Dawn Theme

Hey there! Currently working on a revamp for a client and we would like to have the titles for the collection list on the home page be centred aligned + remove the light grey box around where the title is, in this section. I had tried playing with some of the code in the liquid code section but I wasn’t successful. Would someone be able to help us with this, with possibly a step by step :). Attached image for the section needed

2 Likes

@vanessamellet

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

I’m having the same issue as well. I want to center align the titles and maybe add a “View all” button underneath each collection. Could someone help please?

The store URL is : https://yourstrulychocolate.myshopify.com/

PW: feeghi

Thanks!

1 Like

Please add below css in below of assets/base.css file

.collection-list-wrapper .full-unstyled-link {
display: block;
text-align: center;

}
Thank you.

3 Likes

@Yours-truly00

thanks for it can you please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.card__heading .full-unstyled-link {text-align: center;}
2 Likes

@KetanKumar

Is there a way I can make the collection images aligned in the middle? I have 10 Boxes and I have them as 4 x 4 x 2. My client wants the last two to be in the middle. Thanks!

Here’s the site: https://fabricationhouse.myshopify.com/pages/about-us

Password: Fabrication1!