Someone please help me changing the color of wordpress tab fonts.

Discussion in 'HTML & Website Design' started by solidstate, Mar 26, 2009.

  1. #1
    HI,

    I am stuck on changing the tab font color of wordpress theme.

    [​IMG]


    i see this on css file for tab:

    Also in tab.php file on theme folder:

    What should i change to make that black font white in tab. please help.


    -TA
     
    solidstate, Mar 26, 2009 IP
  2. emed

    emed Peon

    Messages:
    70
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i guess you could add the style on the tab.php
    
    <h2 [B]style="color:white"[/B]>Recent Post</h2>
    
    <h2 [B]style="color:white"[/B]>Comments</h2>
    
    <h2 [B]style="color:white"[/B]>Popular</h2>
    Code (markup):
     
    emed, Mar 26, 2009 IP
  3. solidstate

    solidstate Well-Known Member

    Messages:
    1,679
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    155
    #3
    @emed: I tried what u gave. but still no change. its same as black. :(
     
    solidstate, Mar 26, 2009 IP
  4. designz

    designz Peon

    Messages:
    301
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Simply add this to the bottom of your document. As i believe you may have to rewrite rules for a previously defined tag that specifies the color of those tabs. I only presume this as i cant see all the code lol. But non the less it should work .

    .tabbernav li a
    {
    color: #ffffff;
    }
     
    designz, Mar 26, 2009 IP
  5. solidstate

    solidstate Well-Known Member

    Messages:
    1,679
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    155
    #5

    @designz i add ur code at bottom of css. but still not working.

    i have attached the style.css , tab.php and tabber.js in zip. please see whats wrong.
     

    Attached Files:

    solidstate, Mar 26, 2009 IP
  6. emed

    emed Peon

    Messages:
    70
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    .tabbernav li a
    {
    color: #ffffff !important;
    }
     
    emed, Mar 27, 2009 IP
  7. solidstate

    solidstate Well-Known Member

    Messages:
    1,679
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    155
    #7
    @emed: i tried it but no change.

    there is one .tabbernav li a on css already. hope u saw that. please see the attachment i gave. hope there should be a way.

     
    solidstate, Mar 27, 2009 IP
  8. emed

    emed Peon

    Messages:
    70
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #8
    .tabbernav li a
    {
    position: relative;
    display: block;
    width: 104px;
    padding: 6px 0;
    margin-left: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
    background: url(images/tab.png) no-repeat;
    [B]color:white !important;[/B]
    }
    Code (markup):
    that is working for me

    [​IMG]

    if it still dont work delete the color on #sidebar a, or change it to white
    #sidebar a {
    [B]color:white;[/B]
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    }
    Code (markup):
     
    emed, Mar 27, 2009 IP
    solidstate likes this.
  9. solidstate

    solidstate Well-Known Member

    Messages:
    1,679
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    155
    #9
    @emed: Thanks bro its now working. www.techwacky.com
    Actually i forgot to put !important after white. i thought u said to put white only, dont know that !important is a function.

    Cheers!!

    +Rep gave to you.

    -TA
     
    solidstate, Mar 27, 2009 IP