Change color of all feature icons

@Helga @Max is it possible to modify the colors of “check mark in the circle” and “cross in the circle”. It would help if you can give the code to modify colors for all the icons wherever possible. Thanks

1 Like

Hi, @Pradeep_Dodle :wave:

Here is the list of the codes for all icons:

1. Bulb

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

2. Check Mark in the Circle

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

3. Cross in the Circle:

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

4. Dash

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

5. Dot

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

6. Info

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

7. Like

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

8. Love

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

So, the code is the same, but with the different icon names:

Thanks @Max .

1 Like