How can I add a white contour to a black button on Debut theme?

Store Design
1

Hello,

Because my footer is black, we do not see the contour of my SUBSCRIBE button because the button is black also:

coco44_0-1627840796528.png

Do you know how to have a white contour like that:

coco44_1-1627840941706.png
coco44_1-1627840941706.png432×150 7.52 KB

I am using Debut Theme.

Best,

Corto

2

Although I don’t have a link to your site to check existing css.

Try adding this snippet to the bottom of theme.css.

.site-footer__item-inner--newsletter .newsletter__submit{
border-color: #fff;
}
3

Hi @Nick_Marketing

Thank you so much.

It is working but only issue is that the contour is too big and not same size and height as the field email address.

coco44_0-1627850208493.png
coco44_0-1627850208493.png591×137 2.29 KB

How can I have something like below:

coco44_1-1627850240664.png

Thanks,

Corto

4

Try replacing the other snippet with this one:

.site-footer__item-inner--newsletter .newsletter__submit{
border-color: #A8A8A8 !important;
border-width: 0.01em !important;
}

.site-footer__item-inner--newsletter .newsletter__input{
border-color: #A8A8A8 !important;
}

All the best!

5

Hi @Nick_Marketing amazing thank you so so much for your help, it is working.

Best,

6

@coco44 Excellent, please mark the answer as ‘Solved’.