Woocommerce mini cart styling different in back end to front end

[oriol]

See here: https://smallcakesmd.com/shop/

I have a mini cart in the menu and it looks like this in the back end:

But like this in the front end:

Any help is appreciated.

[tristup]

Hi Oriol,

Thanks for reaching out.
It will be very difficult to tell why the posts are not showing. To recognize the reason behind it, we need to investigate it through the WordPress Admin Dashboard, I would suggest you, please provide login credentials for your site to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

Thanks

[oriol]

Not the posts, its the style in the drop down cart.

Login in the secure note.

[ruenel]

Hello Oriol,

I have investigated the issue and I believe that this is a bug. The Mini-cart element is missing the background option for the buttons. Though it displays the correct colors in the preview, the buttons are getting the background color from it’s Toggle.

Temporarily, you can add this inline CSS to the Minicart element to resolve your issue:

$el.x-mini-cart .buttons .x-anchor {
    background-color: #e73e7b;
}

$el.x-mini-cart .buttons .x-anchor:hover {
    background-color: #5c2b24;
}

Please bear with us. Thank You.

[oriol]

Thanks, the temp fix worked.

[prakash_s]

You are most welcome Oriol