Replay now available | Getting ready for BFCM: Learn Flash Sale Logistics Shopify webinar |Watch now.

How Do I Make All Buttons On My Site #3c64dd Blue Except Leave Add To Cart How It Is.

Finn4
Explorer
117 0 15
Replies10(10)
dmwwebartisan
Shopify Partner
12234 2540 3669

@Finn4

Please share a screenshot of what you want!

Thanks!

Finn4
Explorer
117 0 15

These buttons in the first photo to go to the the hard blue in second pic

you see these buttons. I want all of these to be hard blueyou see these buttons. I want all of these to be hard blueLike thisLike this

dmwwebartisan
Shopify Partner
12234 2540 3669

@Finn4

Please add the following CSS code to your assets/base.css bottom of the file.

.image-with-text .button { background-color: #3c64dd !important; } .image-with-text .button:before, .image-with-text .button:after { box-shadow: none !important; }

Thanks!

LitExtension
Shopify Partner
4860 1001 1108

Hi@Finn4,

Go to Assets > base.css and paste this at the bottom of the file:

.image-with-text .button { background-color: #3c64dd !important; } .image-with-text .button:before, .image-with-text .button:after { box-shadow: none !important; }

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopifymigration appto migrate your online store to Shopify
Finn4
Explorer
117 0 15

Hi Lit extension,

It didn't work.The boxes are still faded orange and blue

Thanks for tryinging. You got anymore code?

dmwwebartisan
Shopify Partner
12234 2540 3669

@Finn4

Please add the following CSS code to your assets/base.css bottom of the file.

.image-with-text .button { background-color: #3c64dd !important; opacity: 1 !important; } .multicolumn .button {opacity: 1 !important;}

Thanks!

Finn4
Explorer
117 0 15

Hi, thanks for getting in touch.

On the product pages there are still some that haven't changed colours. also one of the ones on the landing page has an orange boarder now.

Cheers Finn

LitExtension
Shopify Partner
4860 1001 1108

Hi@Finn4,

Go to Assets > base.css and paste this at the bottom of the file:

.button:disabled, .button[aria-disabled=true], .button.disabled, .customer button:disabled, .customer button[aria-disabled=true], .customer button.disabled { opacity: 1 !important; }

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopifymigration appto migrate your online store to Shopify
Finn4
Explorer
117 0 15

Hi, It all worked except for the last Buy Now button on the product pages!

Thanks you. Can you send code to change that last button?

LitExtension
Shopify Partner
4860 1001 1108

Hi@Finn4,

Please add code:

.shopify-payment-button__button { background-color: #3c64dd !important; box-shadow: none !important; }

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopifymigration appto migrate your online store to Shopify