Couple of homepage styling requests

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

  1. jordielindstrom

    jordielindstrom New Member

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

    Would like to get the codes to change the following.

    Change the tabs font?

    Change highlight colour on tabs?

    Change font and colour for three bar feature?

    Change footer colour from the blue to same colour as tabs up top?

    Change slider height?


    Thanks
     
  2. Piyush

    Piyush Support Staff

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

    1. 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 {
    font-family: symbol;
    } 
    In place "symbol" you can put your font.

    2. 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;
    } 
    In place "red" you can put your color or color code.

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

    Code:
    .feature-page-wt-thumb-container.gallery h1 {
    font-family: symbol;
    color: red;
    }
    .feature-page-wt-thumb-container.gallery p{
    font-family: symbol;
    color: red;
    } 
    In place "symbol" and "red" you can put your font and color or color code respectively.

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

    Code:
    .footer-copyright-wrapper {
    background: red;
    }
    .footer-wrapper {
    background: red;
    border-top: 5px solid red;
    } 
    In place "red" you can put your color or color code.

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

    Code:
    .nivoSlider {
    height: 400px;
    }
    .nivoSlider img {
    height: 100%;
    } 
    You can adjust the value of "height" as per your requirement.
     

Share This Page