Hi,
I’m trying to customize the ‘Continue shopping’ button to look like the one in the footer (that’s outlined) on the screenshot. Also, how do I change the wording inside the button? I’m curious to know why the inside of the button is black when that color is not in the color scheme I’m using. In addition, I would like to add some padding below the ‘Continue Shopping’ button so that it’s not so close to the footer.
Thank you in advance!
Here’s the correct URL: www.orangebootswine.com
Hi @RGap ,
You can follow these steps
Step 1: Go to Online store > Themes > Edit code and find base.css file
Step 2: Insert below code at the end file and Save them
@media screen and (min-width: 990px) {
.cart__warnings {
padding: 7rem 0 7rem !important;
}
}
@media screen and (max-width: 770px) {
.cart__warnings {
padding: 3rem 0 4rem !important;
}
}
.cart__warnings a.button {
background-color: rgba(0, 0, 0, 0.5) !important;
}
We hope it will helpful with you
Great, the padding worked.
How do I change the wording inside the button and convert the button to look like the one in the footer (that’s outlined) on the screenshot?
Hi @RGap ,
If you want to change the wording inside the button , please find the en.default.json and change content of “continue_shopping” ( as shown as below figure )
And replace
.cart__warnings a.button {
background-color: rgba(0, 0, 0, 0.5) !important;
}
by
.cart__warnings a.button {
background-color: #251901 !important;
}
Thank you again, based on your code I was able to make the button into an outline. 
I just want to capitalize the ‘s’ in the text of the button ‘Continue shopping.’ How do I change it?
Hi @RGap ,
Find the en.default.json and change content which you want ( like this ) ( i’m using Dawn theme )
It would be like this
If it’s not work well , please let us know. Thanks
Hi @RGap ,
If our suggestions are useful, please let us know by giving it a like and marking it as a solution. Thank you very much
