How do I add a background image in DW Focus?

Jessica Paxton
asked 10 years ago

How do I add a background image in DW Focus? And I only want it to appear outside the main container, not behind site elements.
How do I changed the background color outside of the main container? I tried to add basic CSS code and it changed the background color behind all site elements. I just want the color outside the main content to change.

1 Answers

DominicStaff
answered 10 years ago

Hello Jessica !
To change background color for DW Focus theme, you can add the following code to the Header Code (Dashboard > Appearance > Customize > General Setting)

<style>
body {
    background-color: #...;
}
.container {
    background:#...;
}
#colophon.dark .container {
    background:#...;
}
</style>

– If you want to change the background image for the DW Focus, you can add the following code to the Header Code:

<style>
body {
background: url('FILE URL');
}
.container {
background:#...;
}
#colophon.dark .container {
background:#...;
}
</style>

Notice: Please add the image to the Media, copy FILE URl on the right hand side then change here: FILE URL.
Hope this helps !