How can I change the color of mobile cart buttons with CSS?

SIO2
Tourist
34 0 3

91335D81-9AB9-43FB-8610-97129AFBDFAD.jpeg

Hi everyone,

I recently asked this question here already but didnt really got a working solution so I hope somebody else can help me since its a serious issue! As you can see in the image below, the 2 buttons in my cart overview (on mobile) are white and I dont know with what css code I can change that. 

anyone that can help me out? Really appreciated and thanks in advance! 

Replies 11 (11)

Liqiud_xPert_SJ
Shopify Partner
990 117 153

Hi @SIO2  welcome to the Shopify Community,

 

Please add the below code into your theme customizer or base.css file in your theme files.

 

.cart-notification__links a{
    color: #472C4C !important;
}
.cart-notification__links .button {
    background-color: #472C4C !important;
}

 

 

2024-02-02 10_21_57-.png

 

Let me know if there is any issue regarding this.

 

Thanks

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SIO2
Tourist
34 0 3

Hi, thanks for the fast reply! It did work for laptop but not for mobile. Any way to change the css specifically for mobile? Thanks!!

Liqiud_xPert_SJ
Shopify Partner
990 117 153

@SIO2 

 

can you please show me where you place the css?

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SIO2
Tourist
34 0 3

image.jpg

 on the lowest line of my base.css

 

thanks! 

Liqiud_xPert_SJ
Shopify Partner
990 117 153

@SIO2 

 

please replace below css code with the previouse one and let me know if its fix your problem.

.cart-notification-wrapper .cart-notification__links a{
    color: #472C4C !important;
}
.cart-notification-wrapper .cart-notification__links .button {
    background-color: #472C4C !important;
}

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SIO2
Tourist
34 0 3

I’ll try, is that code located in the base css? Can not find it…

Liqiud_xPert_SJ
Shopify Partner
990 117 153

@SIO2 

 

the code i provided you earlier please replace the code with the latest css code which i provided you above.

let me know if you cant able to do it ? or do you want me to fix that for you ?

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SIO2
Tourist
34 0 3

Ah, gotcha. Did change the css code but unfortunately it didnt change anything for my mobile cart overview..

Liqiud_xPert_SJ
Shopify Partner
990 117 153

@SIO2 

 

is that fixed or not?

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SIO2
Tourist
34 0 3

No its not fixed unfortunately.. 

Liqiud_xPert_SJ
Shopify Partner
990 117 153

@SIO2 

 

it should fix with the given code 😞  Do i for you ?

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂