Theme Setup
An overview of how to setup the theme.
An overview of how to setup the theme.
The Customizer is the new easy way to customize your theme, whilst getting a full preview of your changes in real time! What makes the customizer awesome is the fact that you can view your changes without saving. As soon as you make your change, page refreshes so you save tons of time! Start editing your website from Appearance->Customize.
In Lambda theme you need to specify which page is going to be your home page. Assuming that you have created a page (or installed the demo content), follow these steps
To specify which page is going to be your blog post list page (assuming that you have created a blank page or installed the demo content) follow these steps
Lambda comes with two footer areas that contains up to eight widget positions. The footer (at the bottom of the page) and the upper footer directly above the normal footer. To set up the theme’s footers, follow these simple steps.
Setting your logo is now achieved through the customizer. Expand the Logo tab and fill in the Logo Text field and Logo Image option.
Lambda comes with a powerful typography engine that can help you set your typography as you want. With the option to use any google or typekit font you like you have unlimited options. To set up your typography, you first need to import your fonts:
After saving your font lists, you can go ahead and select the fonts you want in your website.
Important Notice. In order for all the font weights to be applied correctly, it is a prerequisite that the font you are using supports the chosen font weight. In addition, when adding fonts you need to associate the font weight classes with the appropriate weights that the font family supports.
Press the Insert theme font weight CSS button(shown below) to add the default theme weight css:
blockquote p {
font-weight: 300;
}
.light {
font-weight: 300 !important;
}
.hairline {
font-weight: 200 !important;
}
.hairline strong {
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
.lead {
font-weight: 300;
}
.lead strong {
font-weight: 600;
}
To set up a main menu on Lambda theme (assuming you have created a menu or imported the demo content) click on Appearance>Menus. Select your main menu from the drop down list.
If you want to make a menu item stand out from the others, you can highlight it, giving it a button-like view. Follow these simple steps
If you would like to have a tansparent highlight effect, select the Bordered Button Menu option instead.
To add a label next to a menu item follow these steps.
To add an icon next to a menu item follow these steps.
To add a separator between menu items follow these steps.
A Mega Menu is a menu that is designed to hold a large amount of pages, organised in columns. Follow these simple steps to build it in Lambda.
Should you have the menu set to work on hover, we have added an extra functionality, which allows you to make the mega-menu items clickable. You can set those links if you follow these simple steps.
You can add an image backround to Mega Menus by following these simple steps.
A new feature that Lambda offers is the ability to add widgets to Mega Menu columns. If you want to use a Mega Menu column as a widget position follow these simple steps
In Lambda theme you can set permalinks for all the custom post types, like the services, the staff members and the portfolios. To setup the permalinks, follow these steps
Lambda supports both fullscreen and boxed layout.
To set up the layout go to Lambda>General and select normal or boxed in the layout option section.
Setting your site header up is now achieved through the Customizer, and and your Skin options. The following options will allow you to decide the style of your menu, the width, height, whether it should stay at the top of the page or scroll along and many more options that you can see below.
The options below are located in the Skins menu, if you edit the desired skin. Look at the Navigation section.
The options below are located in the Skins menu, if you edit the desired skin. Look at the Navbar/Side Menu Colors section.
You can choose from 6
unique styles for your Header layout
When using this style the Logo Image and Logo Text are positioned on the left side of the header, and the Navbar on the right. On the right side of the Navbar there is the widget position.
When using this style the Logo Image and Logo Text are positioned on the right side of the header, and the Navbar on the left. On the right side of the Navbar there is the widget position.
When using this style the Logo Image and Logo Text are positioned on the right side of the header, and the Navbar below. On the right side of the Navbar there is the widget position.
When using this style the Logo Image and Logo Text are positioned on the left side of the header, and the Navbar below. On the right side of the Navbar there is the widget position.
When using this style the Logo Image and Logo Text are positioned on the center of the header, and the Navbar below. On the right side of the Navbar there is the widget position.
When using this style the Logo Image and Logo Text are positioned on the left side of the header. The Menu pops up inside a sidebar that expands when you click on the expand button on the right side of the navbar. Bellow the menu is the widget position.
Each page separately can have a transparent menu, or hide it completely. When editing a page, at the bottom there is a Site Overrides option section.