Side windows

Hello,
is there a way to customize the side widgets such as the cart one, or the mobile side menu?
I would like to change color or apply images in the background.
One of the changes that I want to make and change this icon, do I have to do it from css? can you tell me how? look at the picture.

I translated the theme with Poedit, the translations work, except the “Return to shop” button is not translated, although the translation has been inserted. look at the picture.
You can check if it works in your demo.

Thank you

Hello,

1. Please provide the details how you want to change the widgets, I will provide custom CSS.

2. These strings are translated in Woocommerce file.

Best Regards

Hello,
1 – I am attaching the pdf of what I would like to achieve.
2 – Ok

Thank you

Hello,

If you want to show the background image, provide me three images separately for the head, body, and bottom.

Best Regards

Here they are,
thank you

Hello,

You need to upload the images which you want to use as the background.

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

/*header*/
.cart-widget-side.woodmart-cart-opened .widget-heading{
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309)!important;
    background-position: 0 0!important;
    background-repeat: no-repeat!important;
}
/*body*/
.cart-widget-side.woodmart-cart-opened .widget_shopping_cart{
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309)!important;
    background-position: 0 0!important;
    background-repeat: no-repeat!important;
}
/*footer*/
.cart-widget-side.woodmart-cart-opened .shopping-cart-widget-footer{
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309)!important;
    background-position: 0 0!important;
    background-repeat: no-repeat!important;
}

Insert the images URL from your Media library instead of the current ones.

Best Regards

Hello,
I entered your code unfortunately there is something wrong.
Compare the new image I am attaching to the previous one.
For example, the header image must be after the title which will have a red background.
Another thing about the empty cart icon how can I change it.
I am attaching the new icon.

Thank you

Hello,

Please upload your images to the media library and provide the url.

Best Regards

Here are the links
thank you

Hello,

Here is the code:

/*header*/
.cart-widget-side.woodmart-cart-opened .widget-heading{
    background-image: url(https://test.mercatosicilia.com/wp-content/uploads/2020/07/TOP_decor.svg)!important;
    background-position: 0 0!important;
	background-size:cover;
}
/*body*/
.cart-widget-side.woodmart-cart-opened .widget_shopping_cart{
    background-image: url(https://test.mercatosicilia.com/wp-content/uploads/2020/07/BACK_sicily_pattern.svg)!important;
    background-position: 0 0!important;
}
/*footer*/
.cart-widget-side.woodmart-cart-opened .shopping-cart-widget-footer{
    background-image: url(https://test.mercatosicilia.com/wp-content/uploads/2020/07/BOTTOM_decor.svg)!important;
    background-position: 0 0!important;

}

Best Regards

[Author]

Posts