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

[SIO2]

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!

[Liquid_xPert_SJ]

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;
}

Let me know if there is any issue regarding this.

Thanks

[SIO2]

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!!

[Liquid_xPert_SJ]

@SIO2

can you please show me where you place the css?

Thanks

[SIO2]

on the lowest line of my base.css

thanks!

[Liquid_xPert_SJ]

@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

[SIO2]

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

[Liquid_xPert_SJ]

@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

[SIO2]

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

[Liquid_xPert_SJ]

@SIO2

is that fixed or not?

thanks

[SIO2]

No its not fixed unfortunately..

[Liquid_xPert_SJ]

@SIO2

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