How to remove a rectangular frame that is surrounding my round buttons?

Hi there,

I just tried to transform my website’s button shape from rectangular to round, and I think that there is a bug. I previously was able to do it (Dawn Theme) with a simple line of code, but since I had to redo it on a new Dawn theme because of another problem, I keep seeing a rectangular frame surrounding my round buttons. Could someone help me? Because I try the same code that used to work before, and it doesn’t work…

If you look at the white button, you can see it.

Do you guys have a solution for this? :')

Hello @Maeva_Totem

Its Artzen Technologies! We will be happy to help you today.

Please provides us the page Url and password (if store password is enabled) , so that we can analyse the problem .

Regards,
Artzen Technologies

Hi, thank you for your quick reply, here is what you asked for:

https://candlesbytotem.myshopify.com/

Password: aiveme

Waiting for your feedback :slightly_smiling_face:

Hello @Maeva_Totem

Its Artzen Technologies! We will be happy to help you today.

  1. Go to online store > theme > Edit code > Assets > base.css (file) and Paste the below code at bottom of the file → Save
.banner__buttons .button::after {
    box-shadow: none;
}
  1. After the code was saved, see the below screenshot- it looks like this.

Let me know if need further assistance

Regards,

Artzen Technologies

Perfect, it worked, thank you!!

@Maeva_Totem

glad ! it worked.

I still have the same issue in the section “Image with text” at the bottom of the main page , do you know in which code file I am supposed to do the same?

Hello @Maeva_Totem

  1. Go to online store > theme > Edit code > Assets > base.css (file) and Paste the below code at bottom of the file → Save
.button::after {
    box-shadow: none !important;
}

Let me know if need further assistance

Regards,

Artzen Technologies

Perfect, it worked as well, thank you for your help !!

Well, actually, I have found something interesting. The Second button on image banner which is designed as an “outline” button seem


s to have been impacted by the code.

As you can see, the outline button is not an “outlined” button anymore. Is there any solution for this?

Thank you for you help !

Hello @Maeva_Totem

Its Artzen Technologies! We will be happy to help you today.

  1. Go to online store > theme > Edit code > Assets >base.css (file) remove both previous code changes (which was in above replies) and Paste the below code at bottom of the file → Save
.button--primary:after {
    box-shadow: none!important;
}

Let me know if need further assistance

Regards,

Artzen Technologies

Hi, it worked, thank you!