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

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

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

1
Footer 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.
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?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket