Change footer background color, Native template

Site URL: https://www.paulvirant.com/

Hello! I am wanting to change the background color of the entire footer section on the site paulvirant.com (all pages). The site uses the Native template, 7.0. I've found and tried various CSS suggestions such as:

#footer {
  background: #F1ECC2;
  max-width: 100%;
}

but none effect the full footer area. Any guidance would be much appreciated. Thank you!

On 8/3/2021 at 4:10 AM, lottiegee said:

Site URL: https://www.paulvirant.com/

Hello! I am wanting to change the background color of the entire footer section on the site paulvirant.com (all pages). The site uses the Native template, 7.0. I've found and tried various CSS suggestions such as:

#footer {
  background: #F1ECC2;
  max-width: 100%;
}

but none effect the full footer area. Any guidance would be much appreciated. Thank you!

Hi. Your footer is not fullwidth, so above code won't work.

Try adding this to Design > Custom CSS

@media screen and (min-width:641px) {
div#footerWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #f1ecc2;
    padding-top: 20px;
}
div#pageWrapper {
    margin-top: 120px;
}
}

@tuanphan

Thank you so much! That works!