Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

brew2you
Excursionist
21 0 4

Hi Team,

 

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

 

Thanks,

 

Screen Shot 2022-11-18 at 5.33.41 pm.png

 

 

 

 

 

 

 

 

Accepted Solutions (2)
GemPages
Shopify Partner
5625 1262 1254

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

dmwwebartisan
Shopify Partner
12323 2552 3732

This is an 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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 10 (10)

GemPages
Shopify Partner
5625 1262 1254

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
brew2you
Excursionist
21 0 4

www.brew2you.au

 

Thanks!

dmwwebartisan
Shopify Partner
12323 2552 3732

@brew2you 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
brew2you
Excursionist
21 0 4

www.brew2you.au

 

Thanks! DMW

GemPages
Shopify Partner
5625 1262 1254

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
brew2you
Excursionist
21 0 4

Thanks alot! 

GemPages
Shopify Partner
5625 1262 1254

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
dmwwebartisan
Shopify Partner
12323 2552 3732

This is an 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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
brew2you
Excursionist
21 0 4

Thanks!

enovation
New Member
7 0 0

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. viw all.PNG