WordPress.org

Ready to get started?Download WordPress

Forums

Change Color of Text in Kubrick Header? (8 posts)

  1. kjarrett
    Member
    Posted 9 years ago #

    Searched, no luck.

    Can this be changed? The white doesn't work with the image I'm using, thanks to Kubrickr.

    http://www.redalt.com/Tools/kubrickr.php

    Best, kj

    kj99gt

  2. Lorelle
    Member
    Posted 9 years ago #

    Kubrick features the colors for the header font in one of two places, either in the header.php style codes in the head of the template file or in the style.css style sheet. Look for h1 and change color to whatever you want.

    If you need help with specific color choices, there's a great resource list on the WordPress Codex at http://codex.wordpress.org/Developing_a_Colour_Scheme.

  3. kjarrett
    Member
    Posted 9 years ago #

    Thanks but I still can't get it.

    I found and changed the hex value on this line in the stylesheet:

    #header {
    background-color: #73a0c5;

    And it makes no difference.

    It was in the section

    /* Begin Typography & Colors */

    What am I missing?

    I'm checking the link above now. Thanks!

    -kj-

  4. NuclearMoose
    Member
    Posted 9 years ago #

    You say you want to change the text colour in the header, so changing the background-color attribute won't work.

    Look for these lines:
    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: white;
    }

    Change the color: white; to color: #f00; or whatever value you want.

  5. dss
    Member
    Posted 9 years ago #

    There are five things happening in the "header area" of Kubrick:

    1. the title text/link (style.css h1)
    2. the site description text (.description)
    3. the main header image (kubrickheader.jpg)
    4. the header area (header.php)
    5. the area created for the header image (header style.css/image defined in header.php)

    if you want to change the text color of your site's name or description, change everything related to H1, and .description.

    if you want to get rid of that pesky white box that makes no sense, then delete the lines in the header.php which define the header area for the first time (let the style.css do that for you,) and the lines below provided for including your own image (which are or aren't commented out.)

    as always back up everything before you go taking any advice from me please.

  6. kjarrett
    Member
    Posted 9 years ago #

    THANK YOU! *DONE*

    -kj-

  7. kjarrett
    Member
    Posted 9 years ago #

    Let me contribute SOMETHING to this thread by sharing this most excellent color chart, quite helpful in selecting new colors:

    http://www.w3schools.com/html/html_colornames.asp

    Thanks again,

    -kj-

  8. dss
    Member
    Posted 9 years ago #

    Huzzah!

    that's what we like to see!

Topic Closed

This topic has been closed to new replies.

About this Topic