Changing icon link text color

Support
#1

I was trying to change the color of the link text in an icon list on my site. I tried inputting the CSS color: black; but it only changed the color of the icon. Is there any way I can change the link text color of only this icon list? Thanks

#2

I expect that this would be a quick fix but I really need some guidance.

#3

Hi there,

Please add this code to the Global CSS:

.x-ul-icons .x-li-icon a {
    color: #efefef;
}

Please feel free to change the color value to your requirement.

Hope this helps.

1 Like
#4

Unfortunately it doesn’t work for me… icon and text are still in the same color

#5

Hi there,

Are you using the classic icon list element? If so, kindly follow the steps in the screencast below:

#6

I am using shortcode in post

#7

Hi There,

Thank you for the clarification, I think what is happening in there is that your icon list color is getting overide by the anchor color. Please apply the style color attribute inside the anchor tag as well.

e.g.

[icon_list]
[icon_list_item style="color: green;" type="check"]<a href="#" style="color: blue;">Add inline styles if you want.</a>[/icon_list_item]
[icon_list_item style="color: green;" type="check"]<a href="#" style="color: blue;">Select different icons for each list item.</a>[/icon_list_item]
[icon_list_item style="color: red;" type="times"]<a href="#" style="color: blue;">The possibilities are endless!</a>[/icon_list_item]
[/icon_list]

Hope that helps,
Cheers!

#8

Thanks a lot! It’s working!

#9

You’re welcome.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.