How can I add rounded corners to blog post boxes?

Store Design
, ,
1

Hello, anyone who have code for making corners on the grey boxes you will find on my site?

I would like to have rounded corners on the blog post boxes. Thanks in advance :slightly_smiling_face:

My url:

www.dekanten.no

2

Hi @Dekanten ,

Im not sure how round you like, but you can change it. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.card__inner.color-background-2.gradient {
    border-radius: 20px;
}

Result:

Ribe_Dagandara_0-1690985773769.png
Ribe_Dagandara_0-1690985773769.png1128×421 34.4 KB

I hope it help.

3

@Made4uo-Ribe Thank u so much, it works like a charm when i paste the code into the theme it was amazing. :slightly_smiling_face: THANK THANK U. :slightly_smiling_face: