Backgrounds Styling (Theme Options > Main Content > Layout & Backgrounds)

Last Updated on

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.

x
Note: You can always override these options for individual pages by enabling the override global options in your page editor. If you want to change the background image or style of an individual page, you may use this feature. For more information, please read this article.

Backgrounds Styling

1
Choose between boxed and full width layout.  

Use this option to set the main layout of the website. Available options are:

  1. Boxed Layout
  2. Full Width Layout
x
Note: Body section in Background color & texture is only available when the Boxed Layout is chosen.
2
Boxed Layout Outer Shadow Size.  

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.

3
Boxed Layout Outer Shadow Intensity.  

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.

4
Background color.  

Use this option to set the background color of the website.

5
Background Repeat.  

Use this option to set how you want the background image repeat. Available options are:

  1. No Repeat
  2. Repeat
  3. Repeat Vertically
  4. Repeat Horizontally
6
Background Attachment.  

Use this option to set how you want the background image attached to the page. Available options are:

  1. Scroll
  2. Fixed
7
Background Position.  

Use this option to set the position of background image. Available options are:

  1. Top Right
  2. Top Center
  3. Top Left
  4. Center Right
  5. Center Center
  6. Center Left
  7. Bottom Right
  8. Bottom Center
  9. Bottom Left
8
Cover whole background.  

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.

x
Note: These settings won’t work on pages where they are set with¬†Jupiter Styling Options while Override Global Settings is enabled.

x
Note: If you have any question regarding background styling, open up a ticket in our helpdesk.

Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket