simple class with different color between header,page,footer

[kablakar]

i have a question i have a theme for wordpress “university” in this theme compare social icon in top header, in page and in footer, now i want a different color for this icon between top header, page and footer but have same class, how use a css code for change a different color for different position ??

the icon have simple css example this:

i.fa.fa-google-plus {
color: #000000;
}

thanks

[Paulie_D]

You would have to base this on a parent class that designates what page or place where this element might be found….such as

header i.fa.fa-google-plus {
color: red;
}

footer i.fa.fa-google-plus {
color: green;
}

body.home header i.fa.fa-google-plus {
color: #000000;
}

etc

[Author]

Posts