How can I make corner in grid banners more rounded

[Aleksander22]

Hi,

I got quick question about rounding corners in grid banners how can I make it. Becuse I got no idea.

 

[niraj_patel · Accepted solution]

Hello @Aleksander22 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

@media screen and (max-width:767px){
  .imgBnrOuter .inner {
     border-radius: 19px;
  }

}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[niraj_patel · Accepted solution]

Hello @Aleksander22 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

@media screen and (max-width:767px){
  .imgBnrOuter .inner {
     border-radius: 19px;
  }

}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Kaushik_7 · Accepted solution]

Hello! @Aleksander22 Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open theme.css
6. Add the following code at the end of the file.

@media screen and (max-width:767px){
body .imgBnrOuter .inner img {
    border-radius: 10px;
}
}

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik