The Homepage

Home » Docs » The Homepage

The homepage is completely widgetized. Each of the section is a widget that must be put to the Homepage Sidebar panel. This panel controls the appearance of the homepage. The screenshot below shows the widget configuration that we use for the demo. 

You can drag and drop the widgets and re-order them, and the changes will be reflected to the homepage at the front end. Let’s set up the homepage. First step is to define a homepage template. 

Setting the homepage template. 

Go to
Pages > Add new and create a New page. Give it a name e.g. “Home” and from the From the Page Attributes panel on the right set the template to Homepage 1, as the following screenshot shows. Hit the Publish button on the top right. 

Creating the main Homepage message at the header

At the demo you will see a “Be Bold + Enjoy Life” message at the top. Here’s how to create your own message:

At the bottom of the page you just created you will see a panel titled “Custom Header Settings”. Here’s where you can customize this section:

  • Custom title: This is the main message in big bold type (Be Bold + Enjoy Life).
  • Custom Sub title: What you will enter here will appear as a subtitle under the main message.
  • Background image: This is the image that will appear as a background for this section. If you select multiple images, then they will appear as a slider. You can set the speed of the transitions under the theme options.
  • Background Opacity: This sets an optional opacity for the background image. If you do not want it to have any opacity, set this to 100.
  • Background color: This sets a background color for the section. If you have used an image with opacity, then this will be handy, as it will affect the color tone. Otherwise this will not have any effect. Leaving it blank will use the default background color which can be customized at the Theme options. 
  • Configuring the Reading Settings

    Go to
    Settings > Reading and from the first set of radio buttons, check the “A Static page” and from the front page dropdown select the page you have created, like at the screenshot below. Click Save and you are good to go. 

    Last updated on November 8, 2023

    Search docs

    In this category