How can I change the footer background colour?

Discussion in 'Compass WordPress Theme' started by katsu914, Dec 8, 2016.

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

    katsu914 Guest

    Joined:
    Jul 12, 2015
    Messages:
    20
    Likes Received:
    0
    Please let me know how to change the colour.
    Tks
     
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hi,

    The theme comes with an option to change the stylings, you can visit your Dashboard->InkThemes->Theme Options->Styling Settings->Color Stylesheets.

    Just select an option from there and apply it on your site.

    Let me know if you are concerning about changing color of a specific area in the theme, I can share the custom CSS code for the same.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. katsu914

    katsu914 Guest

    Joined:
    Jul 12, 2015
    Messages:
    20
    Likes Received:
    0
    Thanks Naveen.
    The thing is even I change as you instructed the footer widget area remain black.
    I wanna change to blue here.
    Please help!
     
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Here is the custom CSS code that you can use in custom CSS field under Dahshboard->InkThemes->Theme Options->Styling settings
    Code:
    .bottom_footer_content {
        background: rgba(113, 14, 14, 0.95);
        border-top: 1px solid #fcb275;
    }
    You can change the color code from the above codes and use it.
    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  5. katsu914

    katsu914 Guest

    Joined:
    Jul 12, 2015
    Messages:
    20
    Likes Received:
    0
    Tks!! It works on Copyright area but not the footer widget area.
    Please let me know how to change the background colour on the footer widget area.
     
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    For that, you can try below custom CSS code
    Code:
    .footer {
        background: #5d4237;
    }
    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  7. katsu914

    katsu914 Guest

    Joined:
    Jul 12, 2015
    Messages:
    20
    Likes Received:
    0
Thread Status:
Not open for further replies.

Share This Page