Change Color of Header & Footer

Activello
1

Hello,

How can I change the color of my header and footer to look like this: http://youngcosmopolite.com/

Thank you.

2

Hi Sophia,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

				nav.navbar.navbar-default {
    background: #fff1f0;
    color: #000;
}
nav.navbar.navbar-default ul ul a {
    color: #000;
}
nav.navbar.navbar-default a {
    color: #000;
}

footer#colophon, footer#colophon .copyright, footer#colophon .copyright a {
    background: #fff1f0;
    color: #000;
}
#masthead #header-social-icons h3.widgettitle {
    display: none;
}
#masthead #header-social-icons .social-icons {
    margin-bottom: 0;
}

#masthead #header-social-icons .widget #social ul li{
  margin: 25px 5px 0 0;
  padding-bottom: 0;
}
nav.navbar.navbar-default {
    border-bottom: 1px solid #000;
}

footer#colophon, footer#colophon .copyright, footer#colophon .copyright a {
    background: #fff1f0;
    color: #000;
}

Best Regards,
Movin

3

Thank you so much!

4

You are most welcome here :slight_smile: