Custom Color in Footer Section

Discussion in 'Cloriato WordPress Theme' started by tammymunson, May 23, 2013.

  1. tammymunson

    tammymunson New Member

    Joined:
    Apr 22, 2013
    Messages:
    9
    Likes Received:
    0
    I need to change the color of the footer section to a specific color - how do I do that?
     
  2. 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:
    .footer-content .footer_wrap{
    background:red;
    }
     
  3. tammymunson

    tammymunson New Member

    Joined:
    Apr 22, 2013
    Messages:
    9
    Likes Received:
    0
    Thanks !!

    1. I also need to change color of the very bottom (see colorway1.jpg) colorway1.jpg
    colorway2.jpg
    2. I need to change the color of the current and hover menu colors (see colorway2.jpg)
     
  4. tammymunson

    tammymunson New Member

    Joined:
    Apr 22, 2013
    Messages:
    9
    Likes Received:
    0
    Oops this is for the Colorway theme (sorry if I posted in the wrong place)
     
  5. 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:
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    background: #454545;
    }
    .footer-container{
    background: #454545;
    }
    .footer-navi{
    background: #454545;
    }
     
  6. tammymunson

    tammymunson New Member

    Joined:
    Apr 22, 2013
    Messages:
    9
    Likes Received:
    0
    i tried that code and it didn't show any changes (i refreshed and cleared cache) . ANy ideas?

    This is the site I'm trying to edit .. romalittondesigns.com
     
  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:
     
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    background: #454545!important;
    }
    .footer-container{
    background: #F2CECA!important;
    }
    .footer-navi{
    background: #F2CECA!important;
    }
    
    This will solve your issue.
     

Share This Page