Change font colour and tabs ackground colour

Discussion in 'Woodpecker WordPress Business Theme' started by jordielindstrom, Jan 28, 2014.

  1. jordielindstrom

    jordielindstrom New Member

    Joined:
    Mar 2, 2012
    Messages:
    27
    Likes Received:
    0
    Hi,

    How would I change the font colour on the tabs and also the background colour (not the highlight colour)

    Many thanks.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .nav-wrapper ul li a:hover, .nav-wrapper ul li.current-menu-item a, .nav-wrapper ul li.current_page_item a {
    background: red;
    }
    .nav-wrapper ul li a {
    color: blue;
    } 
    In place of "red" and "blue" you can put your color or color code.
    This will solve your issue.
     
  3. jordielindstrom

    jordielindstrom New Member

    Joined:
    Mar 2, 2012
    Messages:
    27
    Likes Received:
    0
    Thanks Piyush.

    I was actually after the code to change the colour behind the tabs. On the black theme it is a dark grey. Would like it to be white. Thanks
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .nav-wrapper {
    background: white;
    }
    .nav-wrapper .sf-menu > li {
    border: none;
    } 
    In place "white" you can put your color or color code.
    This will solve your issue.
     
  5. jordielindstrom

    jordielindstrom New Member

    Joined:
    Mar 2, 2012
    Messages:
    27
    Likes Received:
    0
    Can I remove the black lines now above and below the tab text?
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,


    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .nav-border-container{
    border:none;
    } 

    Thanks & Regards
    Gourav Shrivastava
     

Share This Page