Sign in

Theme specification

  • 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. Login into the WordPress Admin panel.
  2. Go to Appearance -> Themes.
  3. Click on 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:

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

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 Image post format, and set featured image for each post – in our demo we have used images that are 800x1200px. Associate post with the desired categories.
  3. Now, head to Pages -> Add New and create a new page – About. The About page is used to display a short bio and profile image. Insert Two Column Block, and insert an image on the left and short text on the right. Add again Two Column Block under the first one, and enter the text in both columns.
  4. Create another page – Contact. On the Contact page, we will display a short intro text and contact form. Add text block and insert your content. Add form block, and Publish page. Make sure to install and activate Jetpack plugin, otherwise, Form block 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 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 desired copyright text in the Footer Text field.

Theme customization options are the following, and they will help you add a personal touch to the theme.

The Customizer

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

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

Site Identity


Background Image

Depending on the use case, some users need to set a background image on the site. In 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 an image to fill whole site, Fit to the screen will cover the only visible part of the site, and Repeat will keep original image proportions, but it will repeat the image. Custom allows you to manually set background parameters.
  2. Image Positions: Tool used to define what is the starting position for the image.
  3. Scroll with Page: Option available only if the background image is set to Repeat. If checked, the background will scroll together with the page content.


Customizer menu option allows the user to manage available menu locations, and add and remove menu items. Artigo 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 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.

Artigo theme has only 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 be also 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.

Artigo Settings

Artigo 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 for all major headings – posts, pages, headings in the content…
  • Paragraph Color: Content text color.
  • Link Color: Color for all links in the content.
  • Link Hover Color: Color for links on mouse hover.
  • Site Title Color: Color for 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 to share icons and other icons that are used in the content.
  • Site Icons Hover Color: Color for icons on mouse hover.
  • Social icons color: Color for Social icons that are displayed in the bottom right, above the copyright.
  • Social icons color hover: Color for Social icons that are displayed in the bottom right on mouse hover.
  • Navigation Link Color: Color for links in the main menu.
  • Navigation Link Color Hover: Color for links in the main menu on mouse hover.

Layout Settings

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

  • Choose a number of columns to display on archives: Posts archive page can display 3 or 4 columns on the 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 would you like: Pagination can be set to infinite scroll or classic, numeric pagination.
  • Type of Infinite Scroll post-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

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 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 {
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?

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!