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 ImageClick on the upload button to upload a custom image for the body.
Background ColorThis option adds a background color to the body.
Background PositionThis option is used to position the background image added to the body. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable this option if you want the background image to cover the whole body.

Header

1Header Background
header_backgound

Upload Custom ImageClick on the upload button to upload a custom image for the header.
Background ColorThis option adds a background color to the header.
Background PositionThis option is used to position the background image added to the header. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable 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 ImageClick on the upload button to upload a custom image for the header toolbar.
Background ColorThis option adds a background color to the header toolbar.
Background PositionThis option is used to position the background image added to the header toolbar. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable this option if you want the background image to cover the whole header toolbar.

Page

1Page Title Background
page_title_background

Upload Custom ImageClick on the upload button to upload a custom image for the page title section.
Background ColorThis option adds a background color to the page title section.
Background PositionThis option is used to position the background image added to the page title section. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option in if want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable 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 ImageClick on the upload button to upload a custom image for the page content section.
Background ColorThis option adds a background color to the page content section.
Background PositionThis option is used to position the background image added to the page content section. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable this option if you want the background image to cover the whole page content section.

Footer

1Footer Background
footer_backgound

Upload Custom ImageClick on the upload button to upload a custom image for the footer section.
Background ColorThis option adds a background color to the footer section.
Background PositionThis option is used to position the background image added to the footer section. You can find the options in the dropdown.
Background AttachmentThis option lets you choose the attachment type for the background image. Choosing the fixed option will create a parallax effect.
Background RepeatUse this option if you want to repeat the background image. Choose no-repeat if you do not want to repeat the background image.
Background CoverEnable 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?