Theme Options is the main section of Jupiter, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. We are going to describe about Backgrounds Styling options available under Main Content > Layout & Backgrounds section of Theme Options in this article.
Backgrounds Styling
Use this option to set the main layout of the website. Available options are:
- Boxed Layout
- Full Width Layout
Use this option to set the shadow distance of boxed layout. Set the value to 0 if you don’t want your website box have a shadow.
Use this option to set the shadow intensity of boxed layout. Set the value to 0 if you don’t want your website box have a shadow.
Background color & texture
Use options below to set background properties for Header, Page Title, Page, Body or Footer area.
Use this option to set the background color of the website.
Use this option to set how you want the background image repeat. Available options are:
- No Repeat
- Repeat
- Repeat Vertically
- Repeat Horizontally
Use this option to set how you want the background image attached to the page. Available options are:
- Scroll
- Fixed
Use this option to set the position of background image. Available options are:
- Top Right
- Top Center
- Top Left
- Center Right
- Center Center
- Center Left
- Bottom Right
- Bottom Center
- Bottom Left
Use this option to force background image take up the whole container. Browser may cut off portions of the image to fit in different window sizes.
If you want to add the full background image to the whole container including header, page content, footer, you need use custom css code and make sure background color/image setting is left blank in the Background color & Texture section.
#mk-boxed-layout {
background-image: url(https://jupiter.artbees.net/wp-content/uploads/2017/09/main-demo-bg-05.jpg);
}
Replace image URL with yours that you uploaded in the Media Library.