CSS Button

Solved
baronmingus
Excursionist
16 1 1

Hello,

I have seen quite a few posts regarding CSS. I'm still a novice, so I'm hoping this is a simple solution for all of you.

I'd like to change the color of the button on one or more of the sections on only one of my pages.

I've pasted code with

!important

and the color of the button at the bottom of the CSS file, but no dice.

Our store is not yet public.

Can anyone help?

Desired Button ColorDesired Button ColorNo Color YetNo Color Yet

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2589 309 644

This is an accepted solution.

hii, @baronmingus 
Paste this code on top of the theme.scss file.

a.box__callout-button.button.button--primary {
    background-color: #8C8C8C !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
Zworthkey
Shopify Partner
2589 309 644

Hii, @baronmingus 
Kindly share your store URL so,
I can solve it perfectly.
Thank You

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
baronmingus
Excursionist
16 1 1

Hello, @Zworthkey 

Here is our Preview.

Thank you in advance.

Zworthkey
Shopify Partner
2589 309 644

This is an accepted solution.

hii, @baronmingus 
Paste this code on top of the theme.scss file.

a.box__callout-button.button.button--primary {
    background-color: #8C8C8C !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

baronmingus
Excursionist
16 1 1

It works perfectly, @Zworthkey.

Thank you once again.