Change color of all feature icons

CSS Codes Pricing Table
1

Add the code for the need icon to Custom CSS field on your Pricing Table widget’s Appearance tab:

1. Check

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-check {
fill: green !important;
}

2. Cross

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-cross {
    fill: red !important;
}

3. Bulb

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-bulb {
fill: green !important;
}

4. Check Mark in the Circle

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-checkMarkCircle {
fill: green !important;
}

5. Cross in the Circle:

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-crossCircle {
fill: green !important;
}

6. Dash

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-dash {
fill: green !important;
}

7. Dot

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-dot {
fill: green !important;
}

8. Info

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-info {
fill: green !important;
}

9. Like

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-like {
fill: green !important;
}

10. Love

.eapps-pricing-table-column-features-item-icon.eapps-pricing-table-column-features-item-icon-love {
fill: green !important;
}
1 Like
2

Thanks for this!

3 Likes
3

It’s awesome that the code helped you, @user11164!

Fee free to check out other threads or ask questions here, we’re always happy to help :hugs:

2 Likes
4

A post was split to a new topic: Change color of all feature icons