Changing Header Text Color

  • Author
  • #1423126

    I was wondering if it would be possible to set up my header text so it would load as a different color each time the page is refreshed or a view goes to a different page of my blog?

    The blog I need help with is



    I don’t think you can set random css values. But what you could do is set each page to load a different color for your title.

    Since you are using categories you can use your category id to target each category page or page id for pages and posts.

    This would be for words.

    .category-4822 .site-title a {
    color: #0075A8;

    This would be for Life Through A Lense.

    .category-1280456 .site-title a {
    color: #0075A8;

    This would be for Neat Stuff.

    .page-id-333 .site-title a {
    color: #0075A8;

    This would be for About.

    .page-id-2 .site-title a {
    color: #0075A8;

    You see how the category and page id is used if you want to drill down more. Just update the code color. Use this for reference if you need to.


    I figured it might be a little tricky to have the css do random colors.

    This is still great though, thanks!


    Do you know if there would be a way to have the rest of the colored text ( the menu tab titles, the recent posts, and the Archive dates) also be a different color like the header?



    Give these a try and edit the color codes as you desire.

    Navigation labels (non-hover)

    .navigation-main a, .navigation-main a:visited {
        color: #6C6E6E;

    Navigation labels (hover)

    .navigation-main ul ul li:hover > a {
        color: #0075A8;

    Navigation label (active current page)

    .navigation-main li.current_page_item a, .navigation-main li.current-menu-item a {
        color: #0075A8;

    Widget titles

    .widget-title, .widgettitle {
        color: #6D6D6D;

The topic ‘Changing Header Text Color’ is closed to new replies.