Changing Main Menu text color

tskipton

Hi All,
I'm trying to improve the contrast on my JomSocial Socialize template. It's readable on desktop, but it gets hard on smaller screens.
On inspect I found:
.navbar-default {
background-color: #1d1e23;
color: #70727a;
}
.navbar-default .navbar-nav > li > a {
color: #70727a;
}

I tried to override this in custom.css with
.navbar-default {
background-color: #1d1e23;
color: #1be7c3;
}
.navbar-default .navbar-nav > li > a {
color: #1be7c3;
}
but this had no effect. I found posts on making changes to the theme but I think they are for an older template version that uses Theme Magic. I tried to update the text color option in the Theme Designer and this had no results.
Any ideas would be appreciated. Thank you.

dominic

Hi tskipton,
I have checked on our demo site with the custom.css file in the \templates\socialize\css folder and see that the CSS code works fine. Could you send me the admin account for further checking?

tskipton

This message is visible to Moderators only

hidden content

dominic

Hi tskipton,
I have added the CSS code and it working well, you can check your site now.

tskipton

Thank you, I wonder why it didn't work when I added it. Thank you for your help.

tskipton

Now I have a next level question for you. I'm looking for the appropriate drop down css location to change the dropdown menu options to the same color.

tskipton

I figured out how to change the color of the drop town in desktop mode, but I attempted to change the color for the drop down in tablet and phone mode, but it's not working for me with the color change in the @media selections.

dominic

Hi tskipton,
I have helped you update the CSS code, you can check your site now:

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1be7c3;
}
}

@media (max-width: 991px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1be7c3;
  }
}

tskipton

Looks good. It looks like I was missing a couple curly brackets. Thank you so much for your help. I think this resolves all of my UI issues and I can move onto the next step in development.
Thank you very much.