Support » Fixing WordPress » how to change font color of category headings

Viewing 14 replies - 1 through 14 (of 14 total)
  • Bill,
    I suggest reading this page which should help you understand the basics of the WP-LAYOUT.CSS page which is used to style the INDEX.PHP “stuff.”

    I believe the one you’re looking for (in wp-layout.css) is this:
    #menu ul {
    color: #ccc;

    Just change the #ccc; to something darker, say #999; maybe? Anything will do, as long as you can see it…just experiment.

    in the menu ul {
    color: #ccc;
    i changed #ccc to #999 and saved template but nothing changed. did I miss something?

    Ok. My mind doesn’t seem to work like yours. All i really need is a straighforward answer to a simple question. WHAT codes do i use, and WHERE, to change the font color anywhere, the categories, title etc etc. I read the things posted on the subject and searched the net, but no one seems to have a real clear answer. Like ‘here’s the default wordpress template’, here’s where you insert or delete a code etc etc.
    The old-fashioned way, step by step. Bear with me, i’m old …
    Thank you!

    Mark (podz)


    Support Maven

    Shouting is rude, regardless.

    Look in your css.
    Find the below.
    Make the changes indicated.
    Change to suit.

    #menu ul {
    color: #ff0000; <———–here
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    text-transform: lowercase;

    #menu ul li {
    font: italic bold 110% ‘Times New Roman’, Times, serif; <—–and here
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/

    Thank you, Podz. And as far as i know, i wasn’t shouting, just a tad fatigued. That’s what old age can do to a person …
    I’ll give it another try now!

    Mark (podz)


    Support Maven

    I’m old too y’know ! 😉

    hahahaha. yes, but you’re not AND old AND somehow BLIND, like i seem to be. because nothing in the default template looks like what you said, like ‘look in css and find the below’. there’s nothing like that in it. no words like ‘font’ or ‘color’ … let alone the #menu ul { and such. what i have looks different. from the nuclearmoose tutorial and such i got to understand the

    <div id=”rap”>
    <h1 id=”header”>“><?php bloginfo(‘name’); ?></h1>

    part (copied above from my template), but fail to see where i can make changes of any kind ..
    i got a lot of < and > and ; and ? but no { or }, no words like #menu ul { even ..

    and i haven’t deleted anything. even managed to add something down on the bottom of the page, concerning copyright, hahaha, but that’s all.
    hm. and i do try to understand it, but i can’t even read the default template for what it is ..

    oh yes, i also had no clue that THIS is shouting. i’m not that familiar with ‘cyber jive’. i have this wordpress via my provider lycos … they have this 1-click button system. i picked wordpress, clicked the button and there it was. i give an example of the page:

    /* Don’t remove this line. */
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>
    <html xmlns=””>

    <head profile=”″>
    <title><?php bloginfo(‘name’); ?><?php wp_title(); ?></title>

    <meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo(‘charset’); ?>” />
    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>

    <style type=”text/css” media=”screen”>
    @import url( <?php echo get_settings(‘siteurl’); ?>/wp-layout.css );

    <link rel=”stylesheet” type=”text/css” media=”print” href=”<?php echo get_settings(‘siteurl’); ?>/print.css” />
    <link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />

    Mark (podz)


    Support Maven

    You need to look at a file called “wp-layout.css”
    It’s this file that controls the style of everything on your blog.

    Click Templates
    Look to the bottom left
    There is a box with “Edit” to it’s right
    Into that box, enter “wp-layout.css”
    Click “Edit”

    Now, before you do anything, look to the right, and down. It will either have a label saying “Update File” or “You can’t edit this .. blah blah blah”

    If it says the “Update File”, thats fine, go look for the CSS I put in above.

    If it has the “You can’t…” you will need to change the file permissions of the .css file to at least 666
    This can be done in your cpanel, or using your ftp client – some help for the latter is here:

    ‘Cyber jive’ – I like that 🙂

    hey! darn, i knew there was something i’ve been missing. thanks!
    had no clue about a box to edit .. hm.
    and i already saw the tamba2 page, but i was very very tired and old then lol!
    okay. should everything work out, i’ll say a thank you Podz in Mizar 5, *grin*.
    will start on it manana, and will be back in here anyway to say thanks or SHOUT SOME MORE.
    for fun, that is …
    bye for now and thanks in advance!

    Mark (podz)


    Support Maven

    LOL – glad it worked out 🙂

    well, that worked out perfectly, thanks!
    now i can start changing the furniture around!
    thanks again.

    Mark (podz)


    Support Maven

    Change the furniture ? Thought you’d never ask !

    Where shall we start ?
    (I’ll take the heavy ends)


Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘how to change font color of category headings’ is closed to new replies.