Need help? Check out our Support site, then


Header Color Change, Category Question

  1. Hello,
    For some reason, the CSS edit I made didn't seem to take - well, not completely. I want all my headers black. If I look at my blog in preview mode, the post header is black, but that seems to be the only place it took. Did I do something wrong? Also, does wordpress have a color chart somewhere? Your codes seem a little different than the other ones I've found. Lastly, can I change a category title or do I have to go in manually and change them all post-by-post? Thanks very much for your help! Oh one more thing! How can I add a line under my custom photo masthead that reads...
    Projects Inspiration Resources Recipes (spaced out evenly). Thanks again.

    The blog I need help with is mymateriallife.wordpress.com.

  2. On the main page of the site, the titles for the posts are a link and on the single post pages, it is not a link, so that means there are two places the color has to be changed. Add this to your CSS to change the title color on the main posts pages.

    .entry-title a {
    color: #2C2C33;
    }
  3. Well that makes sense and - it worked! Thanks very much.

  4. Also, does wordpress have a color chart somewhere? Your codes seem a little different than the other ones I've found.

    Colors are set by the theme author. Each theme is unique and so there are a really wide variety of color codes used across the entire WordPress.com theme collection.

    Check out this article for an explanation for how common color codes work:
    http://www.htmlgoodies.com/tutorials/colors/article.php/3478951

  5. Can I change a category title or do I have to go in manually and change them all post-by-post?

    You can change a category name from the Posts → Categories page in your blog dashboard and it will change the category name everywhere. You don't need to manually change them all post-by-post if you update a category name through Posts → Categories.

  6. How can I add a line under my custom photo masthead that reads...
    Projects Inspiration Resources Recipes (spaced out evenly).

    One way to do this would be to use a tagline and move it into place with CSS.

    First go to Appearance → Header and check the option that says, "Show header text with your image." Then go to Settings → Genera and add a tagline.

    After you have header text showing, add this to your Appearance → Custom Design → CSS to style it and move it around.

    .header-image-link {
    	padding-bottom: 40px;
    }
    #masthead {
    	margin-top: -52px;
    }
    .site-title {
    	text-align: left;
    	text-indent: -9999px;
    }
    .site-description {
    	display: block;
    	width: 984px;
    	position: absolute;
    	top: 330px;
    	margin-left: -114px;
    	text-align: center;
    	font-size: 20px;
    	letter-spacing: 10px;
    }

    Note that I made this example using a test blog, and so you will probably need to adjust most of the numbers to make it work with your setup.

  7. Worked great - thanks a million!

  8. Cheers. :)

Topic Closed

This topic has been closed to new replies.

About this Topic