Footer Background

• 

  pnw2022 · Member · Nov 17, 2021 at 4:30 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I am trying to make my footer background colour span the entire, but for whatever reason, it’s only spanning 50% of the middle of the screen (white blocks on each side of the colour).

  I can’t figure out why this is happening, and how to fix it.

  I have the following code in my additional css:
  .site-footer {
  background-color: #8ed2ce;
  }

  Any help would be greatly appreciated… Thank you!!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-totoro · Staff · Nov 17, 2021 at 10:26 pm

  • Copy link

  Hi there,

  Please try the following CSS and see if it works out for you!

  /* set footer background color | eD */
  body:not(.fse-enabled) #colophon {
    background: #8ed2ce;
    width: 100%;
    max-width: none;
    padding: 1.5em;
    justify-content: center;
  }
  
  /* set a max width for footer elements | eD */
  body:not(.fse-enabled) #colophon > * {
    max-width: 500px;
  }

  Hope this helps!

• 

  pnw2022 · Member · Nov 17, 2021 at 10:41 pm

  • Copy link

  It worked, thank you so much!!!