Change font color in Zuki theme

• 

  jasmynerose · Member · Oct 18, 2014 at 9:20 pm

  • Copy link
  • Add topic to favorites

  How do I change menu and post font color in Zuki theme?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 18, 2014 at 10:09 pm

  • Copy link

  Hi there, to change the color of the navigation labels, use the following and then edit the demo color code I have.

  #site-nav a {
      color: #cc0000;
  }

  The following will change the post content summaries and full content on the post pages. Again, edit the color code as desired.

  .summary, .entry-content {
      color: #CC0000;
  }

• 

  jasmynerose · Member · Oct 18, 2014 at 10:20 pm

  • Copy link

  Thank you, that worked perfectly. Is there any way to change all the other black text to the color I changed my navigation labels and post text to? Post titles, tags, author, etc. ?

• 

  thesacredpath · Member · Oct 18, 2014 at 10:37 pm

  • Copy link

  Ok, this is a big one, but colors for the text in Zuki are set in a myriad of places. Add the following and then take a look around your site and make sure I didn’t miss anything.

  body, a, .entry-header, .entry-header a, .entry-title, #nav-single a span, h1, h2, h3, h4, h5, h6, #nav-single a, #colophon, #colophon a, jp-relatedposts-post-a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
      color: #9c9696;
  }
  #menu-social li a, #footer-social-nav ul li a {
      background: #9c9696;
  }

• 

  jasmynerose · Member · Oct 19, 2014 at 2:04 am

  • Copy link

  I think that covered everything but a few things just on the front page– post title, author, tags, comments (the color changed in the actual posts.)

• 

  jasmynerose · Member · Oct 19, 2014 at 3:13 am

  • Copy link

  Also the submit button on my CONTACT page, and the links on my ABOUT page. Thank you for all your help!

• 

  thesacredpath · Member · Oct 19, 2014 at 3:17 am

  • Copy link

  See if this catches the rest.

  .entry-header a, .entry-cats a, .entry-footer a {
      color: #9c9696 !important;
  }

• 

  thesacredpath · Member · Oct 19, 2014 at 3:19 am

  • Copy link

  Submit button on contact page. I added a color declaration to turn the text white since it was a little hard to see (grey-ish).

  input[type="button"], input[type="submit"] {
      background: #9c9696;
      color: #fff;
  }

• 

  thesacredpath · Member · Oct 19, 2014 at 3:21 am

  • Copy link

  Oh, one more, the “filter contents thingy.

  a.archive-menu-toggle {
      color: #9c9696;
  }

• 

  jasmynerose · Member · Oct 19, 2014 at 3:26 am

  • Copy link

  Thank you so much! Everything looks great! There is just one more tiny item…can I change the link colors on my ABOUT page?

• 

  thesacredpath · Member · Oct 19, 2014 at 3:35 am

  • Copy link

  Zuki CSS uses a .page .entry-content a selector, but if we use that, any links in posts will still stay the same color, so let’s use the following with the !important selector so it will catch links in post and page content.

  .entry-content p a {
      color: #cc0000 !important;
  }

• 

  thesacredpath · Member · Oct 19, 2014 at 3:36 am

  • Copy link

  Oh, excuse my obnoxious red demo color. :)