Jessica Paxton
asked 7 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 7 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 !

Powered by DW Question & Answer Pro