aligning background with header menu

  • Resolved cristinalynne

    (@cristinalynne)


    9 years ago

    I recently removed the padding between my header and the header menu, which caused the main page to move upwards. Because of this, the background color is no longer aligned with the header menu. Is there a CSS code to help me adjust the background to align again with the header? my website is http://www.truthblip.org. Any help would be appreciated, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter cristinalynne

    (@cristinalynne)

    9 years ago

    I also just noticed that the footer widget color doesn’t match the background. How can I change the footer widget background color to match?

    bdbrown

    (@bdbrown)

    9 years ago

    Hi cristinalynne. Try this in your custom css to fix the header:

    /* remove 60px padding to align header with menu bar */
#header {
  padding-bottom: 0;
}
/* offset above by pushing content container back down */
#page.container {
  padding-top: 60px;
}

    Try this for the footer color:

    /* change color to match site background */
#footer-widgets {
  background: #606060;
}
    Thread Starter cristinalynne

    (@cristinalynne)

    9 years ago

    Worked perfectly, thank you so much for your help 🙂

    bdbrown

    (@bdbrown)

    9 years ago

    You’re welcome. Glad I could help. If you don’t need any further assistance with this topic please mark it as Resolved. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘aligning background with header menu’ is closed to new replies.