How can I round the corners of a button on my product page?

Store Design
1

Store Link: https://dc8kohl63wlu3wnt-81877893427.shopifypreview.com

Hello there! I am looking to simply round the corners of a button my product page. See below:

WK100_1-1700454753330.png
WK100_1-1700454753330.png1176×242 115 KB

How would I go about doing this?

2

Hello @WK100 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the Bottom of the file:
a.jdgm-write-rev-link {
border-radius: 10px!important;
}

ZestardTech_0-1700455457622.png
ZestardTech_0-1700455457622.png1322×307 147 KB

3

Hi @WK100

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file main.css

Step 3: Paste the below code at bottom of the file → Save

a.jdgm-write-rev-link {

border-radius: 50px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

@WK100 - add this css to the very end of your main.css file and check, adjust number as per the need

a.jdgm-write-rev-link {border-radius: 15px;}