Return to previous page

Custom icon for header cart widget - by novare

This topic has 4 replies, 3 voices, and was last updated 8 years, 4 months ago ago by Stan Russell

  • Avatar: novare
    novare
    Participant
    January 18, 2016 at 06:16

    I am wanting to change the shopping bag icon for header 18 to a custom icon.

    I can’t seem to find where the appropriate code, that I would need to change, is located?

    Any help with highlighting which code to change would be much appreciated.

    Thank you

    #108438 Copied Theme version: 2.7 WooCommerce version: 2.4.12
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 18, 2016 at 09:41

    Hello,

    Please try to use this code to change cart icon:

    .cart-bag .ico-sum  {
    background-color: transparent;
}
.cart-bag .ico-sum:before {
    border-color: transparent;
}
.cart-bag {
    padding: 18px 15px 15px !important;
    background-image: url("http://url_to_your_image");
    background-repeat: no-repeat;
}

    Best regards,
    Jack Richardson.

    #108483 Copied
    Avatar: novare
    novare
    Participant
    January 19, 2016 at 01:54

    Hi Jack

    Thanks for the quick reply and solution.

    The CSS code worked nicely. I just had to adapt the CSS a little to suit my needs.

    Appreciate the awesome support

    Regards

    Simon

    #108632 Copied
    Avatar: stan
    Stan Russell
    Participant
    January 19, 2016 at 08:08

    Hello novare,

    you are welcome! We are always happy to help!

    Regards,
    Stan Russell.

    #108649 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Custom icon for header cart widget’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.