Buy me a coffee

Cart Icon Color

Desktop Only

/* Desktop Only */
@media screen and (min-width:768px) {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Mobile Only

/* Mobile Only */
@media screen and (max-width:767px) {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Blog Page (list)

/* Blog Page (list) */
[class*="type-blog"].view-list {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Blog Post

/* Blog Post */
[class*="type-blog"].view-item {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Event List

/* Event List */
[class*="type-event"].view-list {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Event Detail

/* Event Detail */
[class*="type-events"].view-item {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Shop/Category

/* Shop/Category */
[class*="type-products"].view-list {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Individual Product

/* Individual Product */
[class*="type-products"].view-item {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Cart Page

/* Cart Page */
body#cart {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Course List

/* Course List */
body:has(header[class*="course-"]) {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Course Detail (Lesson)

/* Course Detail (Lesson) */
body:has([class*="course-item"]).view-item {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Video List

/* Video List */
body:has(#video-gallery-main-content).view-list {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Video Detail

/* Video Detail */
body:has(.lesson-item) {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Homepage Only

/* Homepage Only */
body.homepage {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

Other Pages (exclude homepage)

/* Other pages - exclude homepage */
body:not(.homepage) {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

On Scroll Only

/* On Scroll Only */
header#header.shrink {
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
}

One Page

Add this code to Page Header Code Injection and click Save

(If your site doesn’t support Code Injection, you can add code via Code Block)

<!-- Remove site title - One Page -->
<style>
svg.icon.icon--cart {
    stroke: #f1f !important;
}
span.sqs-cart-quantity {
    color: #f1f !important;
}
</style>