How can I match the Shop Now button text and outline color to my Kegerator Kit?

[brew2you]

Hi Team,

Can someone please help me to match the Shop Now Button text and outline colour to match Kegerator Kit colour.

Thanks,

[GemPages · 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

[GemPages]

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

[brew2you]

www.brew2you.au

Thanks!

[dmwwebartisan]

@brew2you 

Please share your store URL!

Thanks!

[brew2you]

www.brew2you.au

Thanks! DMW

[GemPages · 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

[brew2you]

Thanks alot! 

[GemPages]

I am glad that my recommendation is helpful to you 😁.

[dmwwebartisan · Accepted solution]

@brew2you 

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!

[brew2you]

Thanks!

[enovation]

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.