Theme Setup

How to set up the theme

Online Docs Available Looks like you are looking at the offline docs. You can find possibly more up to date docs online here

Theme setup

To setup your logo, go to Omega>General settings. The options here allow you to configure the logo type of the site. As a logo you can use text, image or both. logo

The logo image size will always be restricted by the height of the header (see next section). To make sure that your logo will look crisp on retina screens, make sure that the height of the image you upload is at least 1.5 times bigger than the header's height.

Setting Theme's layout

Omega supports both fullscreen and boxed layout.

Fullscreen

layout

Boxed

layout

To set up the layout go to Omega>General and select normal or boxed in the layout option section.

layoutoptions

To set up the background used in the boxed version go to Appearance>Background
Take a look at the video on how to setup the theme's layout: Setting the layout

Setting the home page

In Omega 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

  • Click on Settings>Reading
  • Select “a static page” and from the dropdown menu select any page you want for your home page.
Take a look at the video on how to setup your homepage: Setting the home page

Setting the Blog page

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

  • Click on Settings>Reading
  • Select “a static page” and from the dropdown menu select any page you want for your blog page.
The settings for the blog page can be found on Omega>Blog
Take a look at the video on how to setup your blog page: setting the blog page

Setting the typography

Omega 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:

  • Click on Omega>fonts.
  • To use any google fonts you need to click on “update fonts” to get the latest list of google fonts. This option can be used later on to update the list of google fonts.
  • To use typekit fonts enter the API token from typekit.
  • After entering the token, click on update your kits to get the kits you created on typekit.
  • Click on Save Changes to save your font lists.

fonts


After saving your font lists, you can go ahead and select the fonts you want in your website.

  • Click on Omega->Typography.
  • Select your font family from the dropdown list (the list includes some common system font stacks along with all the fonts you have imported from google or typekit) and click Add font.
  • In the pop up window you can select the variants of the font that you want to use (weights), and where you want to use this font (all body, headings, forms and block quotes).
  • In the extra CSS textfield you can add extra CSS to target specific selectors.
  • Click on the Add font to save your font.

typography

You can repeat the last few steps to add as many fonts you want to your web page.
Take a look at the video on how to setup your typography: setting the typography

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;
  }

logo

Setting the theme's permalinks

In Omega 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

  • Click on Omega>Permalinks.
  • Type the permalinks on the text boxes.
  • Save your changes.

permalinks