Menu Settings

TemPlaza framework gives you full control over the design of both the main menu and the sticky menu.

  • Please go to Admin > Theme Options > Settings > Menu
  • You can adjust the padding and margin (top, right, bottom, left) with unit values (em, px, %) to make them match the design beautifully.

404 Error Page

TemPlaza framework allows you to customize the 404 error page for your website just with ease.

  • Please go to Admin > Theme Options > Settings > Miscellaneous > 404 Error
  • 404 Page Content: Enter the content that will be displayed on the error page. It has to be within the HTML tags.
  • Call To Action: This button will be displayed on the error page that will help the user redirect to another working page on the website.
  • Background Type: you can choose the background of the page from the given options: Color, Image or Video and if you do not want anything to be displayed select None.

Coming Soon

When your website is under construction or maintenance, you’ll surely in the need of showing the maintenance mode. With TemPlaza framework, you can easily customize the maintenance mode page of your website.

  • Please go to Admin > Theme Options > Settings > Miscellaneous > Coming Soon
  • Enable or disable Development Mode
  • Logo: Select a logo that will display on the coming soon page, the default template logo is displayed if not selected.
  • Content: Enter the description for your website’s coming soon page.
  • Countdown Date: set a date for the countdown when your site will be going live.
  • Social Icons: enable/disable whether you want to show the social icons or not. These icons are configured in Social Section.
  • Background Type: none / color / image / video.

Smooth Scroll

Enabling smooth scroll is to make sure the anchor tags within the page scroll smoothly.

You can also control the speed at which the scroll will happen. This is a very useful option for creating one-page websites.
Please go to Admin > Theme Options > Settings > General > Smooth Scroll

Back To Top

The Back to top button will instantly redirect the user to the top of the page with just a click. It is displayed at the bottom right corner of the page as the user scrolls down, also you can easily disable this option if you don’t need it.

  • Please go to Admin > Theme Options > Settings > General > Back To Top
  • You can enable or disable the button, select a back-to-top icon, icon size, icon color, icon background color, icon shape, and choose whether you want to enable/disable the icon on mobile devices.

Preloader

This option allows you to enable or disable the preloader for the site. It is displayed while the content is being loaded.
There are 3 preloader types: Animation, Image, and Font Awesome. Please go to Admin > Theme Options > Settings > General > Preloader.

Preloader: Animation

When you choose animation type, just select a suitable animation available in the list. It also gives you options to adjust the color,  background color, and size of the selected animation.


Preloader: Image

When you select the Image as the preloader type, you can display your logo or any other images, while the page is being loaded.

Preloader: Fontawesome

You will see a list of fontawesome icons to choose from the FontAwesome library.

Off-Canvas Menu

TemPlaza framework comes with an option to enable the off-canvas menu. You’re able to decide iwhether it’s from the left or the right.

Enable Off-Canvas Menu

Please go to Admin > Theme Options > Settings > Header > Scroll down to “Off-Canvas Menu” > Enable Off-canvas menu.
You can adjust the panel width to increase or decrease the width of the off-canvas sidebar by using unit values: rem, em, px or percentage.

Activate widgets of off-canvas sidebar

Off-Canvas Sidebar: there are 3 widget options you can select to display the content in the off-canvas sidebar.
You need to go to Admin > Appearance > Widgets > Activate widget of Left Sidebar, Main Sidebar and TemPlaza Framework.

Note: If widgets are not activated, the content in off-canvas sidebar will be blank.

Wide & Boxed Layout

You can switch between Wide and Boxed layouts in TemPlaza Framework. Please go to Admin > Theme Options > Settings > General > Layout Settings.

Wide layout

Boxed layout

When the boxed layout is enabled, you can configure the background color and background image.

Logo & Favicon

This article will let you know where to replace the theme’s logo with your own one. You can upload a logo for desktop view, mobile view, and sidebar header.

Logo

Please go to Admin > Theme Options > Settings > Header > Scroll down to the Logo section. Select Logo type (Image, text, or none). If it’s an image, you need to upload your logo image for both the default logo (on desktop view) and mobile logo (on mobile view).
If you choose the header sidebar mode, you’re supposed to upload the sidebar logo.

Favicon

This feature allows you to add an icon along with your browser URL link. It is also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon.

Please go to Admin > Theme Options > Settings > General > Favicon, upload your browser URL icon.
Note: It is advisable to apply a size of 96 x 96 pixels to the favicon icon.

Header Variations

Header Mode

TemPlaza framework offers you 3 header modes: Horizontal, Stacked, and Sidebar

I. Horizontal Menu Mode

When you select Horizontal mode then Horizontal Menu mode will appear with 3 options (Left, Center, or Right)

Horizontal Menu Left

 Select Left option will display header as the image below:

Horizontal Menu Center

 Select Center option will display header as the image below:

Horizontal Menu Right

Select Right option will display header as the image below:

II. Stacked Menu Mode

When you select Stacked mode then Stacked Menu mode will appear with 3 options (Stack Center, Stack Separated and Stacked Divided)

Stacked Center

Select Stacked Center option will display header as the image below:

Stacked Separated

Select Stacked Separated option will display header as the image below:

Stacked Divided

Select Stacked Divided option will display header as the image below:

III. Sidebar Menu Mode

When sidebar menu mode is activated, the main menu will display on the left or right sidebar with a burger menu button (it’s collapsible)

Sticky Header

In case you want the main menu to display when scrolling down, you can enable the sticky header option. Please go to Admin > Theme Options > Settings > Header > scroll down to the Sticky section > enable sticky

There are 3 sticky menu modes: Left, Center, and Right. The main menu items will be aligned to the left, right or in the center. You’re supposed to upload a sticky logo as well.