The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS simple class with different color between header,page,footer

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #199416

    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;



    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;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.