How to round call to action buttons on debut theme

Store Design
1

looking to do whats posted in the subject.

ALSO I cant get my collections boxes to round and i’m not sure what i’m missing

any help is appreciated :heart:

2

Hi @lilxbun ,

You can use this code to round your CTA buttons:

  • From Shopify admin, navigate to Online Store > Themes > Actions > Edit code

  • Open the theme.css file under the Assets section

  • Paste this code at the bottom of that file:

.btn, .shopify-payment-button .shopify-payment-button__button--unbranded {
    border-radius: 40px !important;
}

To round your collection boxes, please add this code to theme.css

.box {
    border-radius: 40px;
}
.collection-grid-item__title-wrapper:before {
    border-radius: 40px;
}

You can totally adjust the number before px to adjust the roundness.

  • Finally, hit Save

I hope it helps.