• webs05

    (@webs05)


    Please if anyone could help I would be very greatful. My website is https://www.webs05.com. If you look quickly at the sidebar you should have no problem identifying my problem.

    Essentially, I started adding some categories for the links to organize things. When I added my category: Computer Related, it appears to be in a different font and color. I have tried deleting and adding it multiple times, and I have looked at the code and haven’t found anything wrong. I am fairly new to wordpress, but I am catching on to it pretty quickly. Any help would be greatly appreciated. Thanks for your time.

    Jon

Viewing 7 replies - 1 through 7 (of 7 total)
  • fruitfly

    (@fruitfly)

    It’s in your CSS. Each one of your link categories has an id of linkcat-1, linkcat-2, etc. Your CSS only styles 1, 2, and 3.

    Unless you plan on having different colors for headings on the side bar in the future, all you really need to add is this:

    li h2 {
    padding: 0;
    color: #FF9933;
    font-size: 12px;
    font-weight: bold;
    }

    And you can actually remove a large portion of your CSS – all the li#* h2 lines that are in there are all exactly the same, and this one declaration would cover all of them. ??

    Thread Starter webs05

    (@webs05)

    Those lines in my CSS look like this:
    li#linkcat-1 h2{

    padding: 0;
    color: #FF9933;
    font-size: 12px;
    font-weight: bold;

    }

    li#linkcat-2 h2{

    padding: 0;
    color: #FF9933;
    font-size: 12px;
    font-weight: bold;

    }

    li#linkcat-3 h2{

    padding: 0;
    color: #FF9933;
    font-size: 12px;
    font-weight: bold;

    }
    They all appear to be the same, which is what was confussing to me about this problem. Also it appears that any new link categories I make appear screwed up as well. ?? Thanks for the quick response and your help by the way.

    fruitfly

    (@fruitfly)

    I looked at your CSS already, and I was telling you what to add. ??

    This happens because when you add a new linkcat, it’s got an ID that isn’t covered in the CSS. So when you added a new one it had an id of linkcat-8 or linkcat-9 – which isn’t specified in your CSS (there’s no block for li#linkcat-8), so it’s picking up whatever is specified for h2 in general.

    That’s why I suggested just adding this (this would be a NEW piece in your CSS):

    li h2 {
    padding: 0;
    color: #FF9933;
    font-size: 12px;
    font-weight: bold;
    }

    That’s one generic declaration for ALL of the ‘li h2’ spots on your page. That way, when you add a new one, it will be styled the same.

    After you add that, you can remove all of the lines that have ‘li#xxxxx h2’ (where xxxxx= whatever ID specification is there) – as they will now all be covered by the one I gave you.

    Make sense? ??

    Thread Starter webs05

    (@webs05)

    So than your saying to remove all the lines including, li#search h2{ and li#meta h2{. Or just the li#linkcat ones.

    fruitfly

    (@fruitfly)

    After you add the one piece that declares all ‘li h2’ spots to be the same, you can delete all of the lines that specify an id, yes. UNLESS you want one of them to be different – say, you decided to make the search heading blue for whatever reason – then you need to add in a line that just styles the li#search h2.

    As long as you want all the headers on the sidebar to look the same, you only need to declare it one time in general – you don’t need to declare it for every id.

    Thread Starter webs05

    (@webs05)

    Than you very much for your patience and help. Your solution worked perfectly.

    fruitfly

    (@fruitfly)

    No problem. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Link Category Titles Have Different Font and Color’ is closed to new replies.