Custom Color for Footer Menu

  • [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    Hello WordPress Community,

    i have been struggling for days on how to change the font colour of my footer menu.
    Every website on google talking about this does not help me fix the issue. I think i have some sort of code in my CSS that might overriding everything or I’m just too uneducated about wordpress. (still starting to learn html)

    Can you help me figure out a solution to change the Footer colour to white?
    Website link: https://www.soulkingzrecords.com

    Main Menu: .menu
    Footer Menu: .menu-footer

    CSS Code:

    
.menu ul {display: inline; font-family: proxima-nova-n9, proxima-nova, sans-serif;}
.menu ul li {display: inline;padding: 0 20px;font-family: proxima-nova-n9, proxima-nova, sans-serif;font-size: 17px;font-weight: 900;}
.menu ul li:hover > a {padding: 0.8px 0;
border-bottom: 4px solid #000000;
}
.menu ul li a:active {padding: 0.8px 0;
border-bottom: 4px solid #000000;
}
.menu-footer ul {color: white; display: inline; font-family: proxima-nova-n9, proxima-nova, sans-serif;}
.menu-footer ul li {color: white; display: inline;padding: 0 20px;font-family: proxima-nova-n9, proxima-nova, sans-serif;font-size: 17px;font-weight: 900;}
.menu-footer ul li:hover > a {padding: 0.8px 0;
border-bottom: 4px solid #000000;
}
.menu-footer ul li a:active {padding: 0.8px 0;
border-bottom: 4px solid #000000;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    Unfortunately, your currently used “SoulKingzRecords_2017” theme is not in the www.ads-software.com/themes/ directory.
    – For pro or commercial product support please contact the author directly on their site.
    – As the author is aware, commercial products are not supported in these forums. As you are their customer I am sure they will have no problem supporting you there. It also allows the developers to be aware of issues with their code.

    Thread Starter soulkingzrecords

    (@soulkingzrecords)

    I have built this theme on my own. And I am seeking help with creating my own theme. is that not allowed??

    Commercial products, themes for sale are not supported. It is not registered in the theme directory of wordpress so you answered your own statement, it is not a purchased product or commercial product. It is a custom built theme from scratch.

    Moderator bcworkz

    (@bcworkz)

    Nope, you’re fine. Sorry for the confusion. We get a number of people with illicitly obtained commercial themes trying to get support here. It’s not always easy to tell the difference between an obscure commercial theme and a custom one.

    The following added towards the bottom of style.css should work. Be sure to not add this inside any media queries. It works because selectors like #menu-item-274 are very specific, and specific rules take precedence over general. The problem is if you alter your menu items, this rule will not apply, requiring modifying CSS every time the menu changes. I was unable to find a working, more generic rule. Maybe someone else will have better luck.

    #menu-item-274 > a,
#menu-item-275 > a {
  color: #fff;
}
    Thread Starter soulkingzrecords

    (@soulkingzrecords)

    Thank you bcworkz. I have tried to add the code below and above my last media queries, but without any success. It had no effect on the footer menu.

    I will try to upload my CSS document later today. Maybe someone can help me find the issue or maybe it’s a spelling mistake or open backet or something.

    Moderator bcworkz

    (@bcworkz)

    That’s too bad. It seemed to work properly using browser developer tools. For unknown reasons that doesn’t always translate to the same thing on a CSS file.

    FWIW, anyone can access the CSS files directly from your server just as a web page would. Having gone to your site to do just that, I see you’ve found a solution. Nice!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom Color for Footer Menu’ is closed to new replies.