1. HOT Add more varieties for your Divi header (12 premade styles): https://header.diviultimate.com/
You need to log in or sign up to ask pre-sales questions.
NEW Divi Block - Online drag & drop tool to easily mix & match 320+ premade Divi blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, footer, etc. We also added NEW special module designs, such as Before & After Image Slider, Masonry Gallery, Promo Bar, Logo Carousel, etc.Try Free Version

Cart icon

Discussion in 'Ask Pre-Sales Questions' started by yoi, Jul 17, 2021.

  1. yoi

    yoi New Member

    Can I change the cart icon to text ' cart (3)' with the number of items in the cart in the brackets using this plug in?
     
    1. AD Easily display and style events from The Events Calendar with custom Divi modules:Learn More
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    For our header plugin, you may use the below CSS in Divi > Theme Options > Custom CSS to turn the cart icon into text:
    Code:
    .et-cart-info span:before {
        content: "Cart";
        font-family: inherit!important;
        font-size: inherit!important;
        font-weight: inherit!important;
        margin-right: 4px!important;
    }
    .free-cart-total {
        font-size: inherit!important;
        background: transparent!important;
        color: inherit!important;
        font-weight: inherit!important;
        bottom: 0!important;
        position: relative!important;
        left: 0!important;
        padding: 0!important;
    }
    .free-cart-total:before {
        content: '(';
    }
    .free-cart-total:after {
        content: ')';
    }
    Here's how it looks like:

    upload_2021-7-18_0-22-54.png

    But do note that our cart count will only show up in desktop, but not for mobile.

    But for mobile, you may use this shortcode to display the cart icon elsewhere: [du_header_cart_icon_minimal]