Background Settings

Last Updated on

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

In this article


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

x
Note: This section of options is only available when you choose the Boxed layout option for the Site Layout.
1
Boxed Layout Shadow
boxed_layout

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

2
Body 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.

1
Header 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.
2
Header 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.

3
Header 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

1
Page 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.
2
Page 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.

1
Footer 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.
2
Sub 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.

Was this helpful?

Related Forum Topics

There is no related forum topic

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket