White contour for a button

Solved
coco44
Excursionist
27 1 4

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

I am using Debut Theme.

Best,

Corto

0 Likes
Nick_Marketing
Shopify Partner
564 136 162

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;
}

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
0 Likes
coco44
Excursionist
27 1 4

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

How can I have something like below:

coco44_1-1627850240664.png

Thanks,

Corto

Nick_Marketing
Shopify Partner
564 136 162

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!

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
0 Likes
coco44
Excursionist
27 1 4

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

Best, 

Nick_Marketing
Shopify Partner
564 136 162

This is an accepted solution.

@coco44Excellent, please mark the answer as 'Solved'.

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
0 Likes