Footer Background Color

Discussion in 'Cloriato WordPress Theme' started by belectric, Feb 14, 2013.

Thread Status:
Not open for further replies.
  1. belectric

    belectric New Member

    Joined:
    Feb 7, 2013
    Messages:
    13
    Likes Received:
    0
    Location:
    Escondido, California
    I would like to change the background color to our company green - #006b3f.
    I have tried both of these sets of codes substituting my color# but it does not seem to work - suggestions?

    .footer-wrapper {
    background-color: #4a4c4b;
    }
    .footer {
    background: #4a4c4b;}

    .textwidget {
    color: your color value;
    }
    .footer .widget_inner a {
    color: your color value;
    }
    .footer .widget_inner a {
    color: your color value;
    }


    .footer {
    background: red!important;
    }
    .footer .footer-inner h3 {
    color: black;
    }
    .footer .footer-inner p {
    color: black;
    }
    .footer .footer-inner a {
    color: black;
    }
    .footer .footer-inner ul li a{
    color:black;
    }
     
  2. belectric

    belectric New Member

    Joined:
    Feb 7, 2013
    Messages:
    13
    Likes Received:
    0
    Location:
    Escondido, California
    The footer color is the only one I want to change.
     
  3. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .footer-content .footer_wrap{
    background:#006b3f;
    }
     
  4. belectric

    belectric New Member

    Joined:
    Feb 7, 2013
    Messages:
    13
    Likes Received:
    0
    Location:
    Escondido, California
    I think I see the problem - I don't have " > Styling Option > Custom CSS" area.
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    You will find Custom CSS area in your dashboard.

    Open the dashboard, go to the Appearance > Theme Option > Styling Option > Custom CSS

    Paste this code in Custom CSS
    Code:
    .footer-content .footer_wrap{
    background:#006b3f;
    }
    For the reference see the image below.
    [​IMG]
     
  6. ebusdk

    ebusdk Member

    Joined:
    May 14, 2012
    Messages:
    40
    Likes Received:
    1
    Location:
    Denmark
    When I change the footer color, it leaves the last part in the old color (see the area below marked with red pen)


    footer.PNG
     
  7. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .footer-content .footer-glow{
    background:red;
    }
     
  8. ebusdk

    ebusdk Member

    Joined:
    May 14, 2012
    Messages:
    40
    Likes Received:
    1
    Location:
    Denmark
    Much better - thx :)
     
Thread Status:
Not open for further replies.

Share This Page