Solved

Can you add a white contour to a black subscribe button on Debut Theme?

coco44
Excursionist
58 1 7

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

Accepted Solution (1)
Nick_Marketing
Shopify Partner
1487 336 462

This is an accepted solution.

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

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 5 (5)

Nick_Marketing
Shopify Partner
1487 336 462

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

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
coco44
Excursionist
58 1 7

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
1487 336 462

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!

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
coco44
Excursionist
58 1 7

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

Best, 

Nick_Marketing
Shopify Partner
1487 336 462

This is an accepted solution.

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

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).