How can I center and reduce text size of collections buttons on Dawn theme?

Store Design
1

Hi everyone!

My website is: www.doisdemonios.com

I would like to center the collections buttons plus reduce the text size, on the main page, like the image attached.

It is possible to solve this?

helpShopify_5-100.jpg
helpShopify_5-100.jpg1344×1173 108 KB

Thanks in advance

2

Hi @doisdemonios ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1680578294521.png
GemPages_0-1680578294521.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

3

Hi @doisdemonios

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1680578892763.png
PageFlyVictor_0-1680578892763.png1600×794 164 KB

PageFlyVictor_1-1680578892512.png
PageFlyVictor_1-1680578892512.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

4

Hi @doisdemonios

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.card-wrapper .card__content .quick-add__submit {margin: 0 auto !important;}

Regards,

San

5

Hello @doisdemonios

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.

.card-wrapper .card__content .quick-add__submit {
    margin: 0 auto !important;
    font-size: 12px !important;
}
6

It worked! thank you :))