Sign in

Theme specifications

  • Post featured image recommended width is 760px.
  • Page and Post content maximum width is 760px.
  • Recommended logo size is

Theme installation

The theme can be installed through the WordPress Admin panel.

  1. Log in to the WordPress Admin panel.
  2. Go to Appearance -> Themes.
  3. Click on the Add New button, at the top of the screen.
  4. In Add Themes screen, click on Upload Theme.
  5. Click on Choose theme, and then browse for theme file on your computer.
  6. Click on Install Now to start the install process.
  7. After the installation is done, click on Activate theme.

A detailed video for theme installation is available here: https://help.themeskingdom.com/how-to-install-and-setup-the-theme.

After activating the theme, you will be prompted to install the required plugins. Required plugins are:

  1. Jetpack
  2. Kirki Customizer Framework

Theme demo

To set the theme as presented in our demo, you can import the demo file.

Theme setup

Post Formats explained

Huntt theme has different post formats. Post formats are used to display posts in different ways, and with different effects on the homepage. To use all post formats, you will need to install and use the Classic Editor plugin.

Available formats:

  • Standard
  • Image
  • Quote
  • Link
  • Video

Standard
Standard post format is a multipurpose post format. It can be used for anything. In this post format, the featured image will be displayed on the posts page, and on the top of the single post page. On the posts page, clicking on the featured image or the post title will open a single post page. Post excerpt will be displayed under the featured image on the posts page.

Image
Image post format is a good choice when you want to focus site visitors’ attention on an image, rather than the text of a post. The featured image is displayed on the posts page, without post excerpt. Clicking on the image will open the image in a lightbox effect while clicking on the title will open a single post page.

Quote
Quote is a post format used when you wish to present a quote, without any other content. Enter text in the Quote Text field and author in the Quote Author field. Featured image is not used in this post format. On the posts page, quote text and the author will be displayed, and there is no single post page when this post format is selected.

Link
Similar to the Quote post format, Link post format is a great choice when you need to insert a link to the specific location. Insert link text into the Link Text field, and link the URL into the Link URL field. Featured image is not used, and on the posts page, it is displayed as a link text.

Video
Finally, you can use the Video post format when you want to promote videos. You will need to enter the video URL from YouTube or Vimeo and to set the featured images. A featured image is displayed on the posts page, and clicking on the featured image will open video in Lightbox. Click on the title will open the single post page. The Post excerpt is displayed under the featured image on the posts page.

Theme setup

To set up the theme, please follow the next steps:

  1. Go to Posts -> Categories and create categories that you will use to organize your posts.
  2. Go to Posts -> Add New and create several posts. Select the desired post formats, and set featured images for each post – in our demo, we used images in the different sizes and orientations. Associate the posts with the desired categories.
  3. Now, head to Pages -> Add New and create two new pages – About and Contact. The About page is used to display a short bio and image.
  4. Create another page – Contact. On the Contact page, you can display a short intro text and a contact form. Add a text block and insert your content. Add a form block, and Publish page. Make sure to install and activate the Jetpack plugin, otherwise, the Form block option will not be available.
  5. Time to set up navigation – go to Appearance -> Menus. Create New menu, and add desired categories and pages to it.
  6. Almost done – in Appearance -> Customize you need to set Site Identity and Layout.
    1. In the Site Identity panel, either set the desired logo or enter Site Title and Tagline.
    2. Under Huntt Settings – > Layout Settings, set the number of columns for archive pages (in our demo we have set it to 4), and set pagination type.
    3. Enter the desired copyright text in the Footer Text field.

Here are some tricks that can help you add a personal touch to the Huntt theme:

The Customizer


The Customizer allows you to modify theme visuals and settings quickly. Here are the customization options in the Huntt theme:

  1. Site Identity
  2. Background Image
  3. Menus
  4. Widgets
  5. Homepage Settings
  6. Theme Options
  7. Additional CSS

Site Identity


The Site Identity panel is used for setting up basic site identity:

  1. Logo: Site Logo is an image in a .jpg, .jpeg or .png format. Suggested logo image size is 150 x 150px.
  2. Site Title: The name of your site. Ideal length should not exceed 20 characters. If the site title is longer, it will be displayed in two (or more) lines.
  3. Tagline: Tagline is a short description of the site, or simply a punchline of your business.
  4. Title and Tagline Visibility: If Display Site Title and Tagline is checked, both Site Title and Tagline will be displayed.
  5. Site Icon: Site icon will be displayed in a browser tab, bookmarks or in the WordPress mobile app. The icon should be squarely-shaped, and the recommended icon size is 512 x 512px.

Background Image


Depending on the use case, some users need to set a background image on the site. In the Background Image panel, you can set a background image. After choosing an image, you will be able to set background behavior.

  1. Preset: Defines image size – Fill Screen will stretch the image to fill the whole site; Fit to the screen will cover the only visible part of the site, and Repeat will keep the original image proportions, but it will repeat the image. Custom allows you to set background parameters manually.
  2. Image Positions: Tool used to define what the starting position for the image is.
  3. Scroll with Page: The option available only if the background image is set to Repeat. If checked, the background will scroll together with the page content.

Menus


The Customizer menu option allows the user to manage available menu locations, and add and remove menu items. Huntt theme has two menu locations available – the Primary menu, which is mostly used for the main menu, and the Social menu. Menus can be managed from Appearance -> Menus as well.

Widgets

Widgets are useful extensions for content, which you can add to your sidebar or other widget areas. In the Widgets option, in the Customizer, you can see available widgets area in the currently active theme.

Huntt theme has only the right-hand side widget area, which is available only on a single post page or on static pages. In our demo, we didn’t set widgets. Widgets can also be managed from Appearance -> Widgets. Widgets’ appearance can be controlled with the Widget Visibility feature.

Homepage Settings


Homepage settings work the same way Reading settings in Settings -> Reading does. Homepage settings allow you to set the theme to use static homepage, or to display the latest posts.

Theme Settings


The Theme Settings panel contains theme-specific settings.

  1. Theme Colors
  2. Layout Settings
  3. Font Settings
  4. Footer Text

Theme Colors


Setting up colors and adding a personal touch to the theme is important for building a personal brand. The Color Settings panel allows you to set colors for various elements in the theme.

Available settings:

  • Background Color: Background color for the whole site, except the left side panel where the main navigation is located.
  • Headings Color: Color of all major headings – posts, pages, headings in the content…
  • Paragraph Color: Content text color.
  • Link Color: Color of all links in the content.
  • Link Hover Color: Color of links on mouse hover.
  • Site Title Color: Color of the site title. The Site title is displayed only if you are not using a logo.
  • Site Description Color: Site tagline color.
  • Site Icons Color: Color used for sharing icons and other icons that are used in the content.
  • Site Icons Hover Color: Color of icons on mouse hover.
  • Social icons color: Color of Social icons that are displayed in the bottom right, above the copyright.
  • Social icons color hover: Color of Social icons that are displayed in the bottom right on mouse hover.
  • Navigation Link Color: Color of links in the main menu.
  • Navigation Link Color Hover: Color of links in the main menu on mouse hover.

Layout Settings


The Layout Settings panel allows you to change the number of columns on the posts archive pages, and pagination type.

  • Choose the number of columns to display on archives: Posts archive page can display 3 or 4 columns on a device with screen resolution larger than 1025px. On screens larger than 1900px width, four columns will be displayed. Please note that on the smaller screens posts will be displayed in two columns on tablets, and in one column on smartphones.
  • Choose which type of pagination you would like: Pagination can be set to infinite scroll or classic, numeric pagination.
  • Type of Infinite Scroll pos load (if chosen): Infinite scroll pagination can be set to load more posts as the site visitor scrolls, or on button click.
The image above displays a comparison between three and four columns layout.

Font Settings


The Font Settings panel is displayed only if the Kirki Framework plugin is installed and active. Font Settings are used to set font families and weights for global text elements content, headings, and navigation. Available fonts are from Google Fonts but without extended variants. If you need assistance on how to integrate additional variants, please submit a support ticket.


Footer Copyright Text: Text that will be displayed in the footer, as footer credits. You can enter basic HTML elements to create links and stylize footer text.

Additional CSS


The Additional CSS section is used for custom CSS classes, without interfering with theme original CSS files, or creating a child theme. These classes are always loaded first, before other stylesheets. In the Useful CSS Classes section, you can find some most used classes.

Useful CSS classes

Custom CSS classes can be added to the Additional CSS section in the Customizer.
Increase/decrease site title font size

h1.site-title {
font-size: 24px;
}

Hide search icon

.icon-search:before, .search-form:before {
display: none;
}

Change single post title font size

.single .entry-title {
font-size: 24px;
}

Increase/decrease footer text font size

.site-info {
font-size: 14px;
}
Was this article helpful?
YesNo

We’re here to answer all your questions!

If, somehow, you haven’t found answers to your questions, feel free to contact our chatty & friendly support team.

Support request

Need help configuring your theme?

Don’t want to spend hours building your site from the ground up and perfecting its design? Let us do it 一 we like to get our hands dirty!

Services
New
Help