Background Settings

Updated on November 22, 2017

Theme Settings is the main section of Ken where you can change the global settings of your website. You can access Theme Settings from the top left side of your dashboard.

In this article, we will describe the options available under the Backgrounds section of Theme Settings.

background settings


Site Layout

site_layout

There are two options available to define the layout of the site: The Full Width layout and the Boxed Layout.


Boxed Layout

1Boxed Layout Shadow
boxed_layout

Toggle this option to enable or disable the shadow for the boxed layout.

2Body Background
body_background

Upload Custom Image Click on the upload button to upload a custom image for the body.
Background Color This option adds a background color to the body.
Background Position This option is used to position the background image added to the body. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole body.

Header

1Header Background
header_backgound

Upload Custom Image Click on the upload button to upload a custom image for the header.
Background Color This option adds a background color to the header.
Background Position This option is used to position the background image added to the header. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole header.
2Header Bottom Border Color
header_bottom_border

Click this option to choose the bottom border color for the header. You can also set the color to transparent.

3Header Toolbar Background
header_toolbar

Upload Custom Image Click on the upload button to upload a custom image for the header toolbar.
Background Color This option adds a background color to the header toolbar.
Background Position This option is used to position the background image added to the header toolbar. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole header toolbar.

Page

1Page Title Background
page_title_background

Upload Custom Image Click on the upload button to upload a custom image for the page title section.
Background Color This option adds a background color to the page title section.
Background Position This option is used to position the background image added to the page title section. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option in if want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole page title section.
Bottom Border Color  Click this option to choose the bottom border color for the page title section.
2Page Background
page_background

Upload Custom Image Click on the upload button to upload a custom image for the page content section.
Background Color This option adds a background color to the page content section.
Background Position This option is used to position the background image added to the page content section. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole page content section.

Footer

1Footer Background
footer_backgound

Upload Custom Image Click on the upload button to upload a custom image for the footer section.
Background Color This option adds a background color to the footer section.
Background Position This option is used to position the background image added to the footer section. You can find the options in the dropdown.
Background Attachment This option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background Repeat Use this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background Cover Enable this option if you want the background image to cover the whole footer section.
2Sub Footer Background Color
sub_footer

This option will add a background color to the sub-footer section. You can also choose transparent background for this option.

Did this answer your question?