1. Home
  2. /
  3. Docs
  4. /
  5. TopTen WP Theme
  6. /
  7. Page Building
  8. /
  9. Sample page

Sample page

Creating a new page

The page is created under Pages > Add New tab. Create a new page, enter the title and begin adding content.

Content management

Content can be added via:

  • WPBakery Page Builder, which provides multiple elements for building pages.
  • Elementor Page Builder, which is one of the famous frontend editors.

Both last builders have great many customization options, allowing you to adjust pages according to your needs. You don’t have to install both Elementor and WP Bakery builders together, but you can if you want. 

Customize page elements 

In the ‘Customize design’ box you can customize the following options:

  • Header
  • Stunning Header
  • Before Footer Block

Header. In order to edit header section, switch ‘Change settings?’ toggle to ‘Yes’ and customize the following options:

  1. Absolute placed Header – if enabled, header will be placed above the content.
  2. Header opacity – lets you control opacity level of the header section.
  3. Text Color – click of field to choose color or clear field for default value.
  4. Select menu to display – lets you enable custom menu on the current page.
  5. Show aside open button? – will enable button and aside panel.

Stunning header

It is possible to customize stunning header styling and components inside each page. These settings are higher by priority than ones in Pages. Choose the Page you want to edit, click “Edit Page” or go to Customize> Stunning Header sections. 

Stunning header. In order to edit stunning header, switch ‘Change settings?’ toggle to ‘Yes’ and customize the following options:

  1. Show stunning header? – you can enable or disable stunning header on the current page. If disabled, the rest options below will be hidden.
  2. Custom title text
  3. Padding from Top/Bottom – you can set padding height between the title and section border.
  4. Background image – you can set one of the predefined background images or upload your own one.
  5. Expand background – this option makes background image stretch across the entire stunning header section. It is required in those cases when the image is smaller than the stunning header section.
  6. Color overlay – layer with colored overlay for background image.
  7. Background color  – you can set background color instead of background image. It will be applied only when background image is disabled.
  8. Text color – lets you change color of the page title and breadcrumbs.
  9. Hide title – remove text with page title from stunning header section.
  10. Hide breadcrumbs – remove breadcrumbs from stunning header section.
This image has an empty alt attribute; its file name is main_full-16-1-1024x687.png
This image has an empty alt attribute; its file name is main_full-17-1-1024x516.png
This image has an empty alt attribute; its file name is main_full-18-1-1024x511.png

Sidebar management

You can control display and position of the sidebar on page in the ‘Sidebar Picker’ box.

The options are:

  • Default –  sidebar settings are applied from Appearance>Widgets>Manage Sidebars section.
  • No sidebar
  • Right sidebar
  • Left sidebar

NOTE: If you choose Right sidebar or Left sidebar, you can also specify which if the existing sidebars to show.

Still stuck? Contact

How can we help?

Sign In
Lost your password?
Lost Password

Thanks for registration!

We just send you an Email.
Please Open it up to activate your account.

Sign Up
I agree to Privacy Policy