Shopify themes, liquid, logos, and UX
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
Thanks alot!
I am glad that my recommendation is helpful to you 😁.
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!
Thanks!
Can you please help me to change the outline color of this view all button, I'd like to remove the outline color and leave only the orange.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025