BlueOwlCreative » Topic: Submenu Social Icon Color

Submenu Social Icon Color

mrosew — Fri, 02 Oct 2015 16:10:09 +0000

How can I change the default color of the social media icons in the submenu (located above the primary navigation menu)?

Right now it’s white with a custom hover color, but I want the resting color to be custom.

BlueOwl — Fri, 02 Oct 2015 19:02:25 +0000

Hi,

Not a problem, do you want the default color (your navigation color, white by default) changed or you want the hover color customized?

Matt Russell — Thu, 12 Nov 2015 10:56:18 +0000

Hi There,

I’m having the same issue as mrosew, not being able to change the sub header social media icons colour.

BlueOwl — Thu, 12 Nov 2015 12:56:28 +0000

Hi Matt,

#header.transparent_header:not(.scrolled) #subheader a.header_soc_icon {
    color: yellow;
}

Matt Russell — Thu, 12 Nov 2015 13:12:42 +0000

Cheers

Makaveli19 — Sat, 28 Nov 2015 15:01:21 +0000

Is it possible to have each social icon a different color?

Thanks

BlueOwl — Sun, 29 Nov 2015 15:29:51 +0000

Hey,

Yes, you can use the nth-child(N) selector:

#header.transparent_header:not(.scrolled) #subheader a.header_soc_icon:nth-child(3) {
    color: yellow;
}