How to give rounded corners to the homepage button & email box?

Shopify Discussion
1

Hello all, I am trying to make my homepage ‘enter’ button & email box have rounded corners. Is this possible? Thanks in advance!

www.shortcomings.store

pass: aloe

2

Hi @shortcomings

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • 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:
#shopify-section-template--20689423991101__444653d7-cd39-42a4-863b-0f9677a29b02 > div > div.videoBoxInfo > a {
     border-radius: 30px;
}
.field:after {
    border-radius: 30px;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Worked great, thank you!

4

Hi there,

I am trying to find base.css, style.css or theme.css but I dont’ see any of those. I have also filtered it. I am using a theme called modular if that helps?

Do you perhaps know a work around?

5

Hi @Oske_Wellness

Could you please share your store URL? Sometimes we can adapt code from demo themes, but it doesn’t always apply. Your store’s specific URL will help us determine the best approach.