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.

    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?

        This message is visible to Moderators only
        hidden content

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

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

            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.

            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.

              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;
  }
}

                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.

                Write a Reply...
                You need to Login to view replies.