Change font color in Zuki theme
-
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)
-
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; } -
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. ?
-
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; } -
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.)
-
Also the submit button on my CONTACT page, and the links on my ABOUT page. Thank you for all your help!
-
See if this catches the rest.
.entry-header a, .entry-cats a, .entry-footer a { color: #9c9696 !important; } -
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; } -
-
Thank you so much! Everything looks great! There is just one more tiny item…can I change the link colors on my ABOUT page?
-
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; } -
- The topic ‘Change font color in Zuki theme’ is closed to new replies.