close

Getting started

This is the ColorNews theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler let us know we will be glad to change it. Let’s start! On the right side you can see the table of contents of this documentation. Jump to the section you want, or read it all through – your choice. Let’s move on!

Installation

Installing your theme is pretty easy! After downloading you should have a colornews.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the colornews.zip file
  5. Click on Install Now button

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Custom Menu

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  5. Click Save Menu after adding required pages, categories in the menu
Additional information: Have a look here if you are still confused WordPress Custom Menu

Site Identity

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Site Identity

Logo
Add the required logo to best suit your site from here as shown in image below:

colornews-instruction-header-logo

Header Options

All of the options related to the Header part in this theme is available through Appearance > Customize > Header Options.

Header Options

Header Logo
Choose the required one as to display the logo only or text only or both or none of them, which is situated just below the logo upload button option. Here, below is the screenshot on this one: colornews-instruction-header-logo
Header Image Position
From this setting in this theme, you can place the header image uploaded in your site in any place as required, which is described in this theme.
colornews-instruction-header-image-position

Show Home Icon
This theme supports to show the home icon in the menu. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Show Home Icon section.
  2. You need to check on the checkbox saying ‘Check to show the home icon in the primary menu‘, and then, click on Save & Publish button to save the changes.

Here, below is the screenshot for it:-
colornews-instruction-home-icon

Show Header Top Bar
This theme supports to show the header top bar section area. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Show Header Top Bar section.
  2. You need to check on the checkbox saying Check to enable the header top bar. The top header bar includes category menu, date display and social menu and Check to enable the category menu in the top header bar
  3. Click on Save & Publish button to save the changes.
Info: Have create Custom menu for Category and Social menu.

Show Date
This theme supports to show the current date. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Show Date section.
  2. You need to check on the checkbox saying ‘Check to show the date in header‘, and then, click on Save & Publish button to save the changes.

Search Icon
This theme supports to show/hide the search icon in menu. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Search Icon section.
  2. You need to check on the checkbox saying ‘Check to display the Search Icon in the primary menu‘, and then, click on Save & Publish button to save the changes.

Here, below is the screenshot for it:-
colornews-instruction-search-icon

Random Post
This theme supports to show/hide the search icon in menu. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Random Post section.
  2. You need to check on the checkbox saying ‘Check to display the Random Post Icon in the primary menu‘, and then, click on Save & Publish button to save the changes

Here, below is the screenshot for it:-
colornews-instruction-random-post

Breaking News
This theme support the breaking news section, which shows your latest 5 posts from your site. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Breaking News section.
  2. You need to check on the checkbox saying ‘Check to enable the breaking news section‘, and then, click on Save & Publish button to save the changes.

Here, below is the screenshot on this one:
colornews-instruction-breaking-news

Sticky Menu
This theme supports the menu. To set it up, please follow the below steps:-

  1. After you visit Appearance > Customize > Header Options > Sticky Menu section.
  2. You need to check on the checkbox saying ‘Check to enable the sticky behavior of the primary menu‘, and then, click on Save & Publish button to save the changes.

Here, below is the screenshot for it:-
colornews-instruction-sticky-menu

Breaking News Extra


This theme has more options for the breaking news option than the free version of this theme. So, to set up these settings, you can do the following:

  1. After you visit Appearance > Customize > Header Options > Breaking News section.

Here are the added options in this section:-

    1. You now can add any text for this, ie, change the Latest: word to anything you want. For this, you have to change the text under the Enter the text to display for the ticker news to apply.
    2. It also has the option of the fading time to be set up for this, which is just under the Enter the fading time for the Breaking News in the Header label. Here, you need to enter the number as your requirement. Note: only enter the number here and it will be converted in seconds.
    3. It also has the option of the duration time to be set up for this, which is just under the Enter the duration time for the Breaking News in the Header label. Here, you need to enter the number as your requirement. Note: only enter the number here and it will be converted in seconds.
  1. After you made the required changes, click on Save & Publish button to save the changes.

Here, below is the screenshot for it:-
breaking-news-extra

Design Options

This theme supports many of the design settings to make your site look different and appealing all the time. Some of them are:

Design Options

Front Page Settings
This theme is best built for the magazine/news layout. However, it is also suitable to display your blog post or static page in the home page. But if you want not to display those, then, you can do the following:-

  1. After you visit Appearance > Customize > Design Options > Front Page Settings section.
  2. Put the check mark on the checkbox option of Check to hide blog posts/static page on front page
  3. Now, after you have done with this setting, you can now click on Save & Publish button to save the changes in your site.
Site Layout
This theme supports the wide and boxed layout for your site. To set it up, you can do the following:-

  1. After you visit Appearance > Customize > Design Options > Site Layout section.
  2. Choose the layout as you like, here the options available are Wide Layout and Boxed Layout
  3. After you choose the required layout for your site, you can now click on Save & Publish button to save the changes in your site.
Default Layout
This theme supports the different layout options. You can maintain it via:-

  1. After you visit Appearance > Customize > Design Options > Default Layout section.
  2. Now choose the required layout option from here to be used in your site.
  3. After you choose the required layout for your site, you can now click on Save & Publish button to save the changes in your site.

Note: This layout option will have effect on the archive, blog as well as search pages. Also, it will take effect on the post and pages too, if you have not set any of the layout option for this theme via the other layout option, provided through the Customize Options and Select Layout option via the post editor section.

Default layout for pages only
This theme supports the different layout options. You can maintain it via:-

  1. After you visit Appearance > Customize > Design Options > Default Layout for pages only section.
  2. Now choose the required layout option from here to be used in your site.
  3. After you choose the required layout for your site for the pages, you can now click on Save & Publish button to save the changes in your site.

Note: This layout is for the pages only, which will overwrite the default layout. It can again be overwritten individually through the post editor section. So, if the page does not have selected any layout for it, via the post editor section, in Select Layout option, it will take effect in your site.

Default layout for single posts only
This theme supports the different layout options. You can maintain it via:-

  1. After you visit Appearance > Customize > Design Options > Default layout for single posts only section.
  2. Now choose the required layout option from here to be used in your site.
  3. After you choose the required layout for your site for the posts, you can now click on Save & Publish button to save the changes in your site.

Note: This layout is for the posts only, which will overwrite the default layout. It can again be overwritten individually through the post editor section. So, if the post does not have selected any layout for it, via the post editor section, in Select Layout option, it will take effect in your site.

The layout options available for all of the mentioned above are:-

  • Right Sidebar
  • Left Sidebar
  • No Sidebar Full Width
  • No Sidebar Content Centered

Here, below is the screenshot for it:-
colormag-instruction-default-layout

Primary Color Option
This theme supports the option of changing the primary according according to your site need. To set it up, you can do the following:-

  1. After you visit Appearance > Customize > Design Options > Primary color option section.
  2. Now, choose the required primary color for your site.
  3. After you choose the required primary color for your site, you can now click on Save & Publish button to save the changes in your site.

Here, below is the screenshot for it:-
colormag-instruction-color

Custom CSS Box
This theme supports the Custom CSS, which overwrites the CSS of the main stylesheet file, so that you can apply some CSS to change the look of the site as you desire. Also, this changes will still remain even if you update the theme. To set it up, you can do the following:-

  1. After you visit Appearance > Customize > Design Options > Custom CSS section.
  2. Now, add up the required custom CSS code here for your site.
  3. After you have added the Custom CSS code for your site here, you can now click on Save & Publish button to save the changes in your site.

Here, below is the screenshot for it:-
colormag-instruction-css

Background Color

This theme supports the background color options. For this:-

Background Color

  1. Go to Appearance > Customize > Colors > Background Color section.
  2. Now, choose the required background color for your site there.
  3. After you have chosen the required background color for your site here, you can now click on Save & Publish button to save the changes in your site.

Note: This will only be applicable when only using the Boxed layout. Also, you can use any image for it instead of the Color.

Typography Options

This theme supports the option to change the typography setting for your site, according to which you want for your site. To set it up, please follow the below steps:-

Typography Options

  1. From your WordPress dashboard, go to Appearance > Customize section.
  2. Now, click on the Typography Options section.
  3. Here are many lists of the typography options, so, check them individually as it has lots of it, so, we could not cover all of them at once here. But, the section available here are:-
    1. Google Font Options: This section covers all the google fonts options available in this theme.
    2. Here, below is the screenshot for the google font options:-
      google-font-options

    3. Header Font Size Options: This section covers all the header font size settings, which cover header area.
    4. Here, below is the screenshot for the header font size options:-
      header-font-options

    5. Title Related Font Size Options: This section covers all the Title Related font size settings, which cover title related area.
    6. Here, below is the screenshot for the Title Related font size options:-
      title-font-options

    7. Content Font Size Options: This section covers all the Content font size settings, which cover the content area.
    8. Here, below is the screenshot for the Content font size options:-
      content-font-options

    9. Footer Font Size Options: This section covers all the Footer font size settings, which cover the footer area.
    10. Here, below is the screenshot for the Content font size options:-
      footer-font-options

  4. After you have chosen all of the required typography options for your site here, you can now click on Save & Publish button to save the changes in your site.

Color Options

This theme supports the option to change the color setting for your site, according to which you want for your site. To set it up, please follow the below steps:-

Color Options

  1. From your WordPress dashboard, go to Appearance > Customize section.
  2. Now, click on the Color Options section.
  3. Here are many lists of the color options, so, check them individually as it has lots of it, so, we could not cover all of them at once here. But, the section available here are:-
    1. Header Color Options: This section covers all the color settings, which cover the header area.
    2. Here, below is the screenshot for the google font options:-
      header-color-options

    3. Content part color options: This section covers all the color settings, which cover content area.
    4. Here, below is the screenshot for the header font size options:-
      content-color-options

    5. Footer part color options: This section covers all the color settings, which covers the footer area.
    6. Here, below is the screenshot for the Title Related font size options:-
      footer-color-options

  4. After you have chosen all of the required color options for your site here, you can now click on Save & Publish button to save the changes in your site.

Additional Options

All of the options related to the Header part in this theme is available through Appearance > Customize > Header Options.

Additional Options

Related Posts
This theme supports the related posts by category/tags. For setting this up:-

  1. From your WordPress dashboard, go to Appearance > Customize.
  2. Click on the Additional Options > Related Posts section.
  3. Check on the checkbox having the option of Check to activate the related posts.
  4. After doing the above steps, you need to either choose Related Posts By Categories or Related Posts By Tags, to show them as related
  5. After completing the above steps, click on Save & Publish button to save the changes.
  6. Here, below is the screenshot for it:-
    colornews-instruction-related-posts

Featured Image Lightbox
This theme supports the lightbox effect for the featured image. For setting this up:-

  1. From your WordPress dashboard, go to Appearance > Customize.
  2. Click on the Additional Options > Featured Image Lightbox section.
  3. Check on the checkbox having the option of Check to enable the lightbox for the featured images in single post.
  4. After completing the above steps, click on Save & Publish button to save the changes.
  5. Here, below is the screenshot for it:-
    colornews-instruction-lightbox

Unique Post System


This theme supports the unique post system for the bundled widgets within this theme, ie, when you choose the widget to display the post either from the latest or from the specific category, then, already appeared post in one widget will be skipped in other widget, if any. For setting this up:-

  1. From your WordPress dashboard, go to Appearance > Customize.
  2. Click on the Additional Options > Unique Post System section.
  3. Check on the checkbox having the option of Check to activate the unique post system for the bundled widgets.
  4. After completing the above steps, click on Save & Publish button to save the changes, and then the already shown post from your site in one widget will be skipped by other widget, bundled within this theme.

Social Profile In Author Bio


This theme support the the option to show the social profile in your author bio. For this, you need to include your Biographical info in your profile page, and the social profile for this theme comes under the User Social Links, in the profile section. For setting up these, please follow the instruction:

  1. From your WordPress dashboard, go to Users > Your Profile.
  2. Click on the Additional Options > Social Share Buttons section.
  3. Now, you need to fill up the Biographical Info, which is under the About Yourself section.
  4. Now, for the required social icons, there is the section of User Social Links, here, you are provided with the social icons and in there, you only need to input only the username of each of the social site there.
  5. Now, you need to visit Appearance > Customize > Additional Information > Social Profiles In Author Bio section
  6. Now, just check the checkbox having the option of Check to show the Social Profiles in the Author Bio and it will display the required social icons in your profile.
  7. After completing the above steps, click on Save & Publish button to save the changes.
  8. Here, below is the screenshot for the social profile for the author bio in the back-end:-
    author-profile-backend

    Here, below is the screenshot for it in the front-end:-
    social-profile-icon

Footer Copyright Editor


The pro version of this theme has the ability to edit the footer copyright section. For changing the Footer Copyright info, perform the following:-

  1. From your WordPress dashboard, go to Appearance > Customize.
  2. Click on the Additional Options > Footer Copyright Editor section.
  3. Now, here, in the textarea for this setting, you can add the info for the footer copyright as your wish.
  4. After completing the above steps, click on Save & Publish button to save the changes.
  5. Here, below is the screenshot for it:-
    footer-editor

Colored Category

This theme’s best approach is that it uses different color for each category. These, are all effected in the single post, category archive and more. For setting this up:-

Colored Category

  1. Go to Appearance > Customize > Category Color Options > Category Color Settings section.
  2. Now, choose the required color as you like for each category present in your site.
  3. After you have chosen the required color for each of the category used in your site here, you can now click on Save & Publish button to save the changes in your site.

Here, below is the screenshot for it:-
colornews-instruction-category-color

Theme Bundled Widgets

As this theme is based on news/magazine layout, so, this theme features almost 16 widgets within it so that your look of the site would become eye catching on the first view. Here, we will describe all of the widgets bundled within this theme.

Widgets Descriptions

  1. TG: Custom Tag Cloud
    This widget is suitable for displaying the tags in your site. It is best suited for the Right Sidebar area.
    Here, the below is the associated image for this widget which is bundled within this theme:-
    custom tag could
  2. TG: 728×90 Advertisement
    This widget is suitable for displaying the advertisement in your site via the image and the link added for that image. It is best suited for the Header Sidebar area as well as Advertisement Above The Footer sidebar area.
    The options available in this widget are as follows:-

    1. Title: Add the required title for this widget in your site.
    2. Advertisement Image Link Add the link url of the required site here to link it to.
    3. Advertisement Image Add the url of the image here to display it as the advertisement in your site in the front-end. You can also upload the image via the Upload Image button provided by this widget as its functionality.

    Here, the below is the associated image for this widget which is bundled within this theme:-
    728x90-advertisement

  3. TG: 300×250 Advertisement
    This widget is suitable for displaying the advertisement in your site via the image and the link added for that image. It is best suited for the Right Sidebar area, Left Sidebar area as well as Contact Page Sidebar sidebar area.
    The options available in this widget are as follows:-

    1. Title: Add the required title for this widget in your site.
    2. Advertisement Image Link Add the link url of the required site here to link it to.
    3. Advertisement Image Add the url of the image here to display it as the advertisement in your site in the front-end. You can also upload the image via the Upload Image button provided by this widget as its functionality.

    Here, the below is the associated image for this widget which is bundled within this theme:-
    300x250-advertisement

  4. TG: 125×125 Advertisement
    This widget is suitable for displaying the advertisement in your site via the image and the link added for that image. It is best suited for the Right Sidebar area, Left Sidebar area as well as Contact Page Sidebar sidebar area. This widget allows you to add upto six 125 x 125 pixels images as the advertisement in your site.
    The options available in this widget are as follows:-

    1. Title: Add the required title for this widget in your site.
    2. Advertisement Image Link 1, Advertisement Image Link 2 and so on counting Add the link url of the required site here to link it to.
    3. Advertisement Image 1, Advertisement Image 2 and so on counting Add the url of the image here to display it as the advertisement in your site in the front-end. You can also upload the image via the Upload Image button provided by this widget as its functionality.

    Here, the below is the associated image for this widget which is bundled within this theme:-
    125x125-advertisement

  5. TG: Featured Posts (Style 1)
    This widget is suitable for displaying the post of your site in the thumbnail layout, which displays the large featured image of the post at the top side, along with the smaller thumbnail of that post in the bottom side, which reacts as the pager for the above posts. It is best suited for the Front Page: Slider Area Section area.
    The options available in this widget are as follows:-

    1. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    2. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    3. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    4. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    5. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      The screenshot on this widget bundled within this is is provided below:
      style1

  6. TG: Featured Posts (Style 2)
    This widget is suitable for displaying the post of your site in the horizontal layout, displaying the first post as having the bigger featured images with the post excerpt followed by the smaller one, with the smaller featured image and no post excerpt. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar area.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    4. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    5. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    6. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      Here, the below is the associated image for this widget which is bundled within this theme:-
      style2

  7. TG: Featured Posts (Style 3)
    This widget is suitable for displaying the post of your site in the vertical layout, displaying the first post as having the bigger featured images with the post excerpt followed by the smaller one, with the smaller featured image and no post excerpt. It is best suited for the Front Page: Content Middle Left Section area as well as Front Page: Content Middle Right Section, Right Sidebar, Left Sidebar, Contact Page Sidebar as well as in any of the footer sidebar areas.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    4. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    5. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    6. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      Here, the below is the associated image for this widget which is bundled within this theme:-
      style3

  8. TG: Featured Posts (Style 4)
    This widget is suitable for displaying the post of your site in the horizontal layout, displaying the featured images alone with next and previous control button. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar area.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    4. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    5. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    6. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      Here, the below is the associated image for this widget which is bundled within this theme:-
      style4

  9. TG: Random Posts Widget
    This widget is suitable for displaying the post of your site in the grid or column layout, which displays the featured images of the post along with the title of the post only. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar areas.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of random posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Note:While using this widget and that category has the color being defined in it via the Customizer Options.
      random-uncheck

  10. TG: Popular Post Widget
    This widget is suitable for displaying the post of your site in the vertical layout, displaying the smaller featured image and post title. It is best suited for the Right Sidebar area, Left Sidebar area as well as Contact Page Sidebar sidebar area.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Here, the below is the associated image for this widget which is bundled within this theme:-
      style3

  11. TG: Featured Posts (Style 5)

    This widget is suitable for displaying the post of your site in the vertical layout, displaying the smaller featured image and post title. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar area.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    4. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    5. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    6. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      Here, the below is the associated image for this widget which is bundled within this theme:-
      style5

  12. TG: Featured Posts (Style 6)

    This widget is suitable for displaying the post of your site in the thumbnail layout, which displays the large featured image of the post with post title along with controller to slide the full featured image. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar area.
    The options available in this widget are as follows:-

    1. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    2. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    3. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    4. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    5. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      The screenshot on this widget bundled within this is is provided below:
      style6

  13. TG: Featured Posts (Style 7)

    This widget is suitable for displaying the post of your site in the grid or column layout, which displays the featured images of the post along with the title of the post only. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar areas.
    The options available in this widget are as follows:-

    1. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    2. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    3. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    4. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    5. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      The screenshot on this widget bundled within this is is provided below:
      style7

  14. TG: Featured Posts (Style 8)

    This widget is suitable for displaying the post of your site in the grid or column layout with slide, which displays the featured images of the post follow by same size of featured image along with the post title and category. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar areas.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    3. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    4. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    5. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    6. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.
      The screenshot on this widget bundled within this is is provided below:
      style8

  15. TG: Featured Posts (Style 9)

    This widget is suitable for displaying the post of your site in the vertical layout displaying the smaller featured image on left and post title and post excerpt on right. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar areas.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Description Here, add the required description of the same widget to be displayed in the front-end while using this theme.
    3. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    4. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    5. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    6. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    7. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options, then, the title background of the color of the widget will inherit that color.
      Here, the below is the associated image for this widget which is bundled within this theme:-
      style9

  16. TG: Featured Posts (Style 10)

    This widget is suitable for displaying the post of your site in the news ticker layout, which displays the featured image of the post along with its title just below, which moves to the left side always as it is best suited for the ticker layout. It is best suited for the Front Page: Content Top Section area as well as Front Page: Content Bottom Section sidebar areas.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Description Here, add the required description of the same widget to be displayed in the front-end while using this theme.
    3. Number of posts to display: Here, add the required number of post to be displayed in the front-end while using this theme.
    4. Show latest Posts Select this radio button option if you want to display the latest post in your site by using this widget, bundled within this theme.
    5. Show posts from a category Select this radio button option if you want to display the post from the specific category chosen from you from your site by using this widget bundled within this theme.
    6. Select category: This option helps you to choose the category from your site to be displayed in the front-end as you like, where ever appropriate while using this widget. Note: For this to work, you need to select the radio option of Show posts from a category. Also, the category which does not have any post associated with it, will not be displayed as the select item via this widget.
    7. Note: If you choose the display the post from specific category while using this widget and that category has the color being defined in it via the Customizer Options.

    8. Check to display the content in the popup This option in this widget helps you to display the post content of the post in the popup or not according to your site requirement. Also, for this to work, you need to click on the image, not the post title.
    9. Here, the below is the associated image for this widget which is bundled within this theme:-
      style10

  17. TG: Tabbed Widget

    This widget is suitable for displaying the posts and tabs, especially containing the popular post(displayed via the top comment count on the post from the site), latest post and latest comments. This widget is suitable for the Right Sidebar, Left Sidebar, Contact Page Sidebar as well as all of the footer widgets area bundled within this theme.
    The options available in this widget are as follows:-

    1. Number of popular posts, recent posts and comments to display: Here, add the required number of the popular posts, recent post and recent comments to be displayed in the front-end
    2. Check to enable the popular post by view count. Here, this option enables you to display the popular post in this widget via the number of visits of the post in your site, instead the number of comments for that post.
    3. The screenshot for this widget bundled within this theme is provided below:
      tabbed-widget

  18. TG: Videos

    This widget is suitable for displaying the videos from the popular website such as YouTube or Vimeo, if you have any, for your site. Since this widget creates the responsive videos for those websites, so, this widget is suitable for any of the sidebar area bundled within this theme.
    The options available in this widget are as follows:-

    1. Title: Here, add the required title of the widget to be displayed in the front-end while using this theme.
    2. Youtube Video ID: Here, add the required video id of the YouTube video, ie, you need to only add the id of the YouTube video, ie, you can neglect the url upto https://www.youtube.com/watch?v= from the url.
    3. Vimeo Video ID: Here, add the required video id of the Vimeo video, ie, you need to only add the id of the Vimeo video, ie, you can neglect the url upto https://vimeo.com/ from the url.
    4. The screenshot for this widget bundled within this theme is provided below:
      videos

Author Box

The author box will appear just below the post in single post view. This theme supports the author bio. To display the author bio, you need to write the bio information in the profile section (Users->Your Profile) inside the Biographical Info.

How to limit the excerpt text?

Since this theme heavily relies on the post excerpt to display the post content in the front-end, so, if you like to edit those, you can easily do these works as mentioned in below steps.

How to limit the excerpt text?

If you want to reduce or increase the number of words that appear in post. You can easily change that. Just follow the below steps:-

  1. Go to your post editor screen in the dashboard.
  2. In post editor screen look for the Screen Options button at top-right part of the screen.
  3. Click on it and make sure the Excerpt check-box option is checked.
  4. Now, somewhere below the main post editor box, you should be able to see the the Excerpt option box.
  5. Add your manual excerpt there with desired amount of text and Update the post.

Recommended Image sizes

Since this theme heavily relies on the featured images of the post to be displayed the content of your site uniquely as it is best suited for the news/magazine site. So, we have created different recommended image size for this theme.

Recommended Image sizes

The recommended image sizes for this theme are:-

  1. 1070px * 470px for the TG: Featured Post (Style 1) widget.
  2. 345px * 265px for the TG: Featured Post (Style 2), TG: Featured Post (Style 3), TG: Featured Post (Style 7), TG: Featured Post (Style 8) and TG: Featured Post (Style 9) widget.
  3. 184px * 109px for the TG: Featured Post (Style 4) and TG: Featured Post (Style 10), widget.
  4. 715px * 400px for the TG: Featured Post (Style 6) widget.
  5. 215px * 215px for the TG: Random Posts Widgets widget.
  6. 115px * 73px for the TG: Popular Posts Widgets, TG: Featured Post (Style 5) widget.
ColorNews