[SmarticleParticipant]

Hi there,

Using the following code I have made a bullet styled point list (can also see in the link). Could you tell me what code I need to add to control the individual colour of the icons.

[icon_list style=”font-size:16px; color:#c1c3c5; margin-bottom:0;”] [icon_list_item type=”check”]are naturally numerate[/icon_list_item] [icon_list_item type=”check”]have excellent communication skills, both face to face and over the phone[/icon_list_item][icon_list_item type=”check”]are interested in how businesses work[/icon_list_item][icon_list_item type=”check”]have good IT skills[/icon_list_item][icon_list_item type=”check”]able to problem solve[/icon_list_item][icon_list_item type=”check”]want to work with people[/icon_list_item][icon_list_item type=”check”]are organised and systems orientated[/icon_list_item][icon_list_item type=”check”]have a get it right first time attitude[/icon_list_item][/icon_list]

http://maynardheady.wpengine.com/new-careers/

Thanks

[ThaiModerator]

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-ul-icons li.x-li-icon i {
    color: red;
}

Hope it helps.

[SmarticleParticipant]

Thanks for that,

Is it possible for this to be controlled in the string of code? As I will be having icons across the site that will vary in colour.

ie. I think I remember seeing something before that may have looked like this,

[icon_list style=”font-size:16px; color:#c1c3c5; icon-color:#fff; margin-bottom:0;”]

I generally prefer to make CSS customiser changes only if they are global.

Thanks

[NicoModerator]

Hi There,

You could try something like this.

[icon_list style="font-size:24px; color:#ffba00; margin-bottom:0;"] [icon_list_item type="arrow-right"]<span style="color:#181818;>Text Here</span>[/icon_list_item]

Add span for different color of the text.

Hope it helps.

Thanks.

[ZeshanMember]

Hi there,

In that case, you only need to use inline CSS color property in your [icon_list_item] shortcode as showed in our demo: http://theme.co/x/demo/integrity/1/shortcodes/icon-list/

So for example, your code would become:

[icon_list_item style="color: green;" type="check"]

Replace green with your desired color value.

Thanks!

[Author]

Posts