Set page background color outside of main on boxed layout

[tcguide]

I’m trying to set a specific color for the page background outside of the main content area. I’ve tried updating background-color in theme.css as well as tried using it in custom.css. I thought this would be common but I could not find any threads on it. Appeciate any help.

Thanks

---

Template Version: 8.0.0

[Support]

Hello,

You need use body instead of .body as selector. Also use the !important. Here’s the CSS code you need:

/* Avoid radius glitches on footer corners */
.body, .main {
    border-radius: 0 0 7px 7px !important;
}

/* BG Color */
body {
    background-color: #6666FF !important;
}

* Note that I also suggest change border radius on footer corners to avoid glitches.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[tcguide]

Thanks! That worked and the radius on the footer looks great! Nice tip.
Now small issue. There is a gap between the header and the slider/main content showing
the page background. I need to remove that gap and not sure if I just need to
set mt-top to 0 on main? Or if it is a header bottom issue?

---

[tcguide]

I added a value to the sticky height and that seemed to resolve the gap issue so that is good now!

---

[Support]

Hello tcguide,

Great that you figured this out!

If you need any further assistance feel free to contact us.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts