Need Theme Tweaks?

If you need to customize theme, add extra pages, or complete website development from scratch, you can hire us.

Check Our Services

Basic Configuration

Here is the default configuration and basic parameters for your website. You can change those as per your requirements.

Default configuration

In this project folder, you will find a file called config.toml. Open this file in any text editor or IDE.

  1. baseURL field for your website URL / domain. Add your site URL here. Remember, you need to add a trailing slash at the end of the URL.
  2. languageCode defines your global site language. For more information, see Official Hugo Docs.
  3. title is for the main title of your website.
  4. theme sets up the used theme. If your theme is located in my-project/themes/theme-name folder, then the value for this parameter is theme-name.
  5. summaryLength decides how many words are in excerpts of your posts when they are displayed as a preview. The default summaryLength is 70 words.
  6. paginate set the number of posts shown on blog overview pages. If you have more than this amount of posts, pagination will be visible to navigate the next set of posts.
  7. disqusShortname add your Disqus shortname to enable comments on the blog section. To install Disqus please follow this tutorial.
  8. googleAnalytics add your Google Analytics ID to enable analytics on all pages. # example: UA-123-45. For more info, read the article. If you want another third-party analytics, you can contact us for custom service.
  9. disableLanguages field is for disabling languages. If you don’t want to show one or multiple languages, then you can add the language name here. It will disable those languages from your site. For example, disableLanguages = ["fr"] will disable the french language from your site.

Default Parameters

In this project folder, you will find a file called config.toml. Open this file in any text editor or IDE.

  1. favicon is for your website favicon. Place your favicon in the assets/images folder and put the path here.
  2. logo is for your website logo. Place your logo in the assets/images folder and put the path here.
  3. description is for your default meta description. It shows on your homepage and other pages that have no meta description on this page front-matter.
  4. author is for the website author name. It is used in the meta author tag.
  5. contact_form_action is for activate your contact form. As Hugo generates a static site, so you need to activate this form by a third-party service. You can use any of them Airform, formspree, or Formsubmit. Go to any of the sites that you preferred, and get your form action from there. Then, paste it here. If you use Airform, your form action will be like this: https://airform.io/your@email.com.
  6. search is default active in this template, you can search with any content, tags or categories from here. if you don’t need search, you can false it.
  7. mainSections defines the section names that you want to show on your website. It’s an array, so you can add more sections to show. For more information, see Official docs.
  8. subscription is for user subscription, give your won subscription form action url in mailchimp_form_action field, and your form name in mailchimp_form_name field. You can get your action url and form name from here (after login or signup).
  9. preloader is for your website preloader, which means it will show up until your website loads properly in the background. You can enable or disable preloader by setting the value of enable as true or false. If you want to put any image, logo, or animation as your preloader, give the file location in the preloader =, ex: preloader = images/preloader.gif. If you don’t want any logo or image, leave the preloader field empty. So it will show just a white screen when every component is loading.
  10. social is a loop item for your website’s social icons. You can add a loop item by following the existing loop. We are using Font Awesome icon pack for this theme. You can choose more icons from here
  1. logo_height: define your logo height for perfect fit.
  2. menu_align: You can set it left, right, or center.
  3. sidebar has 3 different values, choose your favorite on from left, right or false. if you choose false, it will no longer visible.
  4. post_layout: You have two different value to choose for your post layout. you can choose list to see list view, or you can select grig for grid view.
  5. instafeed: You can set the value to false if you don’t want to show it. We provide some static image with the theme, but whenever you give the access token it will automatically show up the original image from your instagram.
  6. cookies: you can set cookie consent messege on and set expiry days from here.
  7. widgets: All sidebar widgets are customizable. Here is the available widgets that we provided with the theme search, categories, tags, and social.
Improve this page on Github  — Last updated:  Sun, Jul 9, 2023