• Resolved Pooch439

    (@pooch439)


    Hi, just wondering how to change the colour of the text in the header. I have made the header background colour a light colour but the text shows up white so it’s hard to see. Am I missing something? It’s likely right in front of my eyes but I don’t see any options to select the header text font colour…

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hello! Can you post your site URL so I can take a look? Thanks!

    Thread Starter Pooch439

    (@pooch439)

    Hi, here it is. http://www.poochapalooza.ca/

    I wanted to make the header an even lighter version of what it is, with a black font instead of white. the Hueman theme doesn’t seem to have an option to chage the font in the theme options (only everything else). I tried looking throug the code but it wasn’t obvious and I didn’t want to mess it up.

    I would appreciate the help.

    Try pasting each of these codes into your Custom CSS Stylesheet and see what you think:

    This changes the Site Name to a dark gray
    (If you want black change to #000;)

    /*Site Name Color*/
    .site-title a {
      color: #666;
      display: block;
      max-width: 100%;
    }

    This changes the tagline to a dark gray
    (If you want black change to #000;)

    /*Tagline/Slogan Color*/
    .site-description {
      color: #666;
      }

    This changes the header background color. I also tried #C7D99E which looked nice too!

    /*Background Color of Header*/
    #header {
      background-color: #DEF2B0;
    }
    Andre

    (@creativedreams91)

    .site-description {
    color: #000000;
    }

    This will make the

    Dog Fest and Walk-a-thon Fundraiser for Hopeful Hearts

    turn to black.

    What color would you like to change the header to?

    Andre

    (@creativedreams91)

    to change the light yellow header you would select in the css

    #header {
      background-color: blue;
    }

    or whatever color you would like.

    It would be best to create a child theme so when you update the theme it wont overwrite this customization.

    Thread Starter Pooch439

    (@pooch439)

    This is great. I will give these a try. If it works, I will let you know. then I will learn how to create a child theme. Thanks so much for the help!

    Thread Starter Pooch439

    (@pooch439)

    It worked, so thank you so much. The only problem is now I don’t like it lol. Oh well, I’ll keep it and stop fussing. There are more important things to worry about now. Thanks again!

    It’s amazing how much tweaking goes into a site! If I can help you with any of those ‘tweaks’, let me know!

    Hello BJScott: i am trying to change the color and size of my fonts in the tagline (hueman) as well as in the side bar. I tried to paste what you suggested above but it did not work. I was able to change the color on navigation bar pasting some other suggestion i found.
    }

    #nav-header .nav li a { color: #000000; }
    #nav-header .nav li > a:hover,
    #nav-header .nav li:hover > a,
    #nav-header .nav li.current_page_item > a,
    #nav-header .nav li.current-menu-item > a,
    #nav-header .nav li.current-menu-ancestor > a,
    #nav-header .nav li.current-post-parent > a { color: #fff; }
    WORKED!
    }

    /*Tagline/Slogan Color*/
    .site-description >a {color: #666; }
    DID NOT WORKED!

    I do not mind what colors i choose I just want to know the codes.
    The same for sidebar fonts!
    thanks!
    my site is rinconverde.com.uy

    Having trouble changing my Title Color and Font size for the title. I tried your code below placing it into the css stylesheet, no luck. Any help would be greatly appreciated. Rob @ gr8traveltips.com

    /*Site Name Color*/
    .site-title a {
    color: #666;
    display: block;
    max-width: 100%;
    }

    Hi rt8ca. This thread is several months old and has been marked as resolved. Please create a new topic here: http://wordpress.org/support/theme/hueman#postform. It also helps the forum parsing software if you can include your code using backticks (`). Or you can put a couple of blank lines ahead of and after your code, then highlight the code and click the “code” button to apply the backticks. Thanks.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘how to change font colour in header’ is closed to new replies.