Round Corners

[WK100]

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:

How would I go about doing this? 

[ZestardTech · Accepted solution]

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;
}

[PageFly-Henry · Accepted solution]

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

[ZestardTech · Accepted solution]

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;
}

[PageFly-Henry · Accepted solution]

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

[suyash1 · Accepted solution]

@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;}