I’d like to replace the background color with an image across the site. I’ve looked through the CSS posts and see a lot about images in widgets, but can’t find anything about page backgrounds. Has anyone been able to accomplish this? I’ve tried some basic CSS and it seems like it’s overwritten by the background color settings.
Answer
CSS for Page Background?
Best answer by elamast
I’d like to replace the background color with an image across the site. I’ve looked through the CSS posts and see a lot about images in widgets, but can’t find anything about page backgrounds. Has anyone been able to accomplish this? I’ve tried some basic CSS and it seems like it’s overwritten by the background color settings.
Hi mzirnhelt,
Try this:
main#doc-layout-main {
background-image: url("https://images.unsplash.com/photo-1743710426934-89887ca897d8?q=80&w=2138&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
You can also add a repeat to the above as needed, i.e….
background-repeat: repeat;
+7I’d like to replace the background color with an image across the site. I’ve looked through the CSS posts and see a lot about images in widgets, but can’t find anything about page backgrounds. Has anyone been able to accomplish this? I’ve tried some basic CSS and it seems like it’s overwritten by the background color settings.
Hi mzirnhelt,
Try this:
main#doc-layout-main {
background-image: url("https://images.unsplash.com/photo-1743710426934-89887ca897d8?q=80&w=2138&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
You can also add a repeat to the above as needed, i.e….
background-repeat: repeat;
Ed Lamaster, AVO Training Institute Learning Technologies Manager and consultant.
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Docebo Employee Login
or
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.