How can I remove a white line in custom CSS box color?

Store Design
1

Hi there,

In my custom CSS file, I implement some custom settings for my page design. The following code changes the box color, but there is a white line that I cannot remove

#Slide-template–18837926379846__80635273-5a65-4d29-8994-2cb18b7682a5-1 .banner__buttons {
border: 5px solid #c50e00 !important;
color: #c50e00 !important;
}

image.png
image.png561×188 7.31 KB

Thanks

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset-> theme.css and paste this at the bottom of the file:
#Slide-template--18837926379846__80635273-5a65-4d29-8994-2cb18b7682a5-1 .banner__buttons {
border: 5px solid #c50e00 !important;
border-style: none;
color: #c50e00 !important;
}
3

thank you but the white is still visible

TinLid_0-1682586919134.png
TinLid_0-1682586919134.png331×147 2.76 KB

4

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

5

https://tinlid-3096.myshopify.com/

barcelona

6

Hello There,

  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:
.button.button--secondary::after {
box-shadow: none!important;
}

ZestardTech_0-1682587319524.png
ZestardTech_0-1682587319524.png1806×634 104 KB

7

thank you!

8

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.