how to change colours from mini_cart

would like to know how to change colours of the right side tab Shopping cart (mini-cart)
class=”woocommerce-mini-cart-item mini_cart_item”

Hello,

Thank you very much for choosing our theme and for contacting us.

Please add this code to the Theme Settings > Custom CSS > Global:

Please add this code to the Theme Settings > Custom CSS > Global:

body  .wd-side-hidden.wd-opened {
    background-color: #171717;
}
body  .product_list_widget>li .wd-entities-title,
body  .cart-widget-side .woocommerce-mini-cart .remove,
body  .wd-action-btn.wd-style-text>a,
body  .wd-heading .title {
      color: #ffffff;
}

Please replace the colors as per your needs.

Best Regards

thanks a lot! worked great, how to change the title name “shopping cart”

and the text colours are from the general theme settings?

Hello,

You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

In order to translate the WooCommerce strings, you need to create a separate translation in Loco > Plugins > WooCommerce in the same way as shown in the video.

Best Regards

thanks for help so far

Now i need remove the SKU and change the colour (some are with same as background now) of the letters in the Shopping cart (mini-cart)

thanks for the translation suggestion, but my whole site is in german already, so only that few words which are in english from the theme need to be changed.

Hello,

You can find the option to hide elements on the product page in Theme Settings > Single Product > Elements.

You can change the colors in the Theme Settings > Styles and colors.

The elements which are not hidden/changed in the settings are hidden with custom CSS.

Please provide page URL and elements you want to change or hide.

Best Regards

Ok, so it is still about the shopping cart. some text is white, which falls away as i want the background also to be white.

Hello,

Please replace the color in this line: color: #ffffff; of the code I have provided and clear the cache.

If you have any questions please feel free to contact us.

Best Regards

yeah i made the background white with: #ffffff

and the text black with : #171717

but still there is white text in the shopping cart, which is not visible due to white background, i want to keep the background white…

on desktop the text in shopping cart is in white, but on mobile browsers it is in black..

Hello,

Please check the screen: https://gyazo.com/7a896267801d79f8453c8badd11a6bff

Please advise how I can reproduce the issue.

Best Regards

[Author]

Posts