How can I create rounded CTA buttons in the Narrative Theme?

Store Design
1

Hello! How can I make all my CTA buttons rounded around the edges? www.arcarose.com

2

Hi @quizaddict ,

Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.scss
  3. Paste the code below at the very bottom of the file.
.btn::after {
    border-radius: 10px;
}

a.btn {
    border-radius: 10px;
}
3

Hi [email removed]Quizaddict

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

You can add my code as follows: theme → Edit > Search “theme.liquid”. Then paste the code before the tag:

a.btn{ border-radius: 11.5px !important; }

it will be rounded like this button

PageFly_0-1658366973942.png
PageFly_0-1658366973942.png833Ă—377 9.83 KB

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

4

@made4Uo This worked perfectly – thank you so much for your help!!