How can I to change the color of each icon individually in CSS

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

How can I to change the color of each icon individually in CSS

9 years 3 weeks ago

#123642

Topic Author
lazer
Offline
Fresh Boarder
Posts: 22
Thank you received: 0

Licenses:

JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

ISSUE SUMMARY:
How can I to change the color of each icon individually in CSS.

For example:
.joms-icon-eye: blue;
.joms-icon earth:green;

What should I use a selector

STEPS TO REPLICATE:
1
2
3
4
5
RESULT
EXPECTED RESULT
BROWSER

9 years 3 weeks ago

#123662

Dimas
Visitor
Thank you received: 0

Licenses:

Hi Lazer,

Which icons do you mean? because in some icons will be so tricky, since we are using svg method and not use common icon classes.

thank you

9 years 3 weeks ago

#123673

Topic Author
lazer
Offline
Fresh Boarder
Posts: 22
Thank you received: 0

Licenses:

JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

:-).
With svg method.
I need to change color or fill on get hover (focus).

9 years 3 weeks ago

#123816

Dimas
Visitor
Thank you received: 0

Licenses:

Ah that is a tricky part.. I cant help you too much.. I suggest you hire the 3rd party dev.

Moderators: Piotr Garasiński

Notice

Support Forum

How can I to change the color of each icon individually in CSS

Licenses:

Licenses:

Licenses:

Licenses:

Join 180,000 websites creating Amazing communities

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere