Home › Forums › WoodMart support forum › Side windows

Side windows

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 25, 2020 at 6:14 pm #214199

    WoodyP
    Participant

    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

    July 26, 2020 at 8:58 am #214254

    Elise Noromit
    Member

    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

    July 27, 2020 at 9:11 am #214473

    WoodyP
    Participant

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

    Thank you

    July 27, 2020 at 9:42 am #214499

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    July 27, 2020 at 10:03 am #214506

    WoodyP
    Participant

    Here they are,
    thank you

    July 27, 2020 at 10:13 pm #214706

    Elise Noromit
    Member

    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

    July 28, 2020 at 5:49 am #214733

    WoodyP
    Participant

    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

    July 28, 2020 at 9:01 am #214785

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    July 28, 2020 at 9:09 am #214790

    WoodyP
    Participant

    Here are the links
    thank you

    July 28, 2020 at 1:47 pm #214890

    Elise Noromit
    Member

    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
Viewing 10 posts - 1 through 10 (of 10 total)