Change Outline Button colour Dawn

Solved
brew2you
Tourist
18 0 3

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
5586 1259 1121

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
12215 2537 3661

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 9 (9)
GemPages
Shopify Partner
5586 1259 1121

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
Tourist
18 0 3

www.brew2you.au

 

Thanks!

dmwwebartisan
Shopify Partner
12215 2537 3661

@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
Tourist
18 0 3

www.brew2you.au

 

Thanks! DMW

GemPages
Shopify Partner
5586 1259 1121

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
Tourist
18 0 3

Thanks alot! 

GemPages
Shopify Partner
5586 1259 1121

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
12215 2537 3661

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
Tourist
18 0 3

Thanks!