Change color of all feature icons

[Pradeep_Dodle]

@Helga

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

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

@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

[Max]

Hi, @Pradeep_Dodle

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:

[Pradeep_Dodle]

Thanks @Max .

[RT360]

I added this and nothing is changing

[Max]

Hi there, @RT360

The thing is that after the recent update the classes were changed, this is why the code didn’t work for you.

However, here is the new solution from the devs:

1. Bulb

.es-features-feature-icon-bulb {
  fill: orange !important;
}

2. Check Mark in the Circle

.es-features-feature-icon-checkMarkCircle {
  fill: green !important;
}

3. Cross in the Circle:

.es-features-feature-icon-crossCircle {
  fill: red !important;
}

4. Dash

.es-features-feature-icon-dash {
  fill: violet !important;
}

5. Dot

.es-features-feature-icon-dot {
  fill: blue !important;
}

6. Info

.es-features-feature-icon-info {
  fill: blue !important;
}

7. Like

.es-features-feature-icon-like {
  fill: lightblue !important;
}

8. Love

.es-features-feature-icon-love {
  fill: magenta !important;
}

9. Check Mark

.es-features-feature-icon-check {
  fill: green !important;
}

10. Cross

.es-features-feature-icon-cross {
  fill: red !important;
}

11. Dash in the Circle

.es-features-feature-icon-dashCircle {
  fill: violet !important;
}

12. Plus

.es-features-feature-icon-plus {
  fill: tomato !important;
}

13. Plus in the Circle

.es-features-feature-icon-plusCircle {
  fill: tomato !important;
}

14. Star

.es-features-feature-icon-star {
  fill: yellow !important;
}

15. Stop

.es-features-feature-icon-stop {
  fill: red !important;
}