Shopify themes, liquid, logos, and UX
Join us March 21 for an AMA on planning your 2023 marketing budget with 2H Media co-owners, Matt and Aron
Hi Team,
Can someone please help me to match the Shop Now Button text and outline colour to match Kegerator Kit colour.
Thanks,
Solved! Go to the solution
This is an accepted solution.
I would like to give you some recommendations to support you.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
.banner .banner__content .banner__buttons .button.button--secondary{
color: #68a4ce !important;
}
.banner .banner__content .banner__buttons .button.button--secondary:after{
box-shadow: 0 0 0 1px #68a4ce;
}
</style>
I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.
Best regards,
GemPages Support Team
This is an accepted solution.
Please add the following CSS code to your assets/base.css bottom of the file.
.banner .banner__content .banner__buttons .button.button--secondary{
color: #68a4ce !important;
}
.banner .banner__content .banner__buttons .button.button--secondary:after{
box-shadow: 0 0 0 1px #68a4ce !important;
}
Thanks!
Hello @brew2you
Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Please share your store URL!
Thanks!
This is an accepted solution.
I would like to give you some recommendations to support you.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
.banner .banner__content .banner__buttons .button.button--secondary{
color: #68a4ce !important;
}
.banner .banner__content .banner__buttons .button.button--secondary:after{
box-shadow: 0 0 0 1px #68a4ce;
}
</style>
I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.
Best regards,
GemPages Support Team
This is an accepted solution.
Please add the following CSS code to your assets/base.css bottom of the file.
.banner .banner__content .banner__buttons .button.button--secondary{
color: #68a4ce !important;
}
.banner .banner__content .banner__buttons .button.button--secondary:after{
box-shadow: 0 0 0 1px #68a4ce !important;
}
Thanks!
I am glad that my recommendation is helpful to you 😁.
User | RANK |
---|---|
177 | |
154 | |
88 | |
32 | |
29 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023