---
title: "How to configure MH Magazine WordPress Theme like the Demo"
url: https://mhthemes.com/support/knb/how-to-configure-mh-magazine-like-demo/
date: 2023-11-29
modified: 2023-11-29
author: "Florian D."
description: "With MH Magazine you're using one of the most flexible and versatile magazine WordPress themes on the market. The integrated layout options and several unique custom widgets allow arranging layouts..."
word_count: 6866
---

# How to configure MH Magazine WordPress Theme like the Demo

[![MH Magazine Variations](https://mhthemes.com/wp-content/uploads/2016/03/MH_Magazine_Variations.png)](https://mhthemes.com/themes/mh-magazine/)

With [MH Magazine](https://mhthemes.com/themes/mh-magazine/) you're using one of the most flexible and versatile magazine WordPress themes on the market. The integrated layout options and several unique custom widgets allow arranging layouts for basically any content genre without the need of changing the theme. To help you making use of this flexibility, we've created [several theme demos](https://mhthemes.com/themes/mh-magazine/#demos) which show what awesome websites you can create while using MH Magazine WordPress Theme.

### Arranging Theme Options and Widgets like in the Demos

> **Important**: Please note that this tutorial shows how to arrange the widgets and configure the options of MH Magazine to replicate the look of the particular demos. If you are looking for general instructions regarding the installation and configuration of the theme, please refer to the [theme documentation](https://mhthemes.com/support/documentation-mh-magazine/).
Before you can start making use of this tutorial, there are a few basics you need to know. This tutorial contains sections for each theme demo where you can find the instructions to replicate the layout of the particular theme demo by *making use of theme options*, *changing colors* and *placing widgets*. This workflow always is the same and we'll cover the steps in detail here:

- Making use of Theme Options
- Changing Colors
- Placing Widgets

#### Making use of Theme Options

MH Magazine WordPress Theme has several layout options included which you can use to change the look and feel of your website with only a few clicks in the theme options panel. To access the theme options panel, you can navigate to **Appearance => Customize => Theme Options** in your WordPress dashboard and arrange the settings like stated for the particular demo in this tutorial.

#### Changing Colors

To change the color scheme of your website, you can make use of the integrated color options in your WordPress dashboard under **Appearance => Customize => Colors**. In this tutorials you'll find the particular colors which have been used for each theme demo and you can simply copy & paste the color codes to your options panel to replicate the colors on your website.

#### Placing Widgets

In order to replicate the layout of the widgetized front page like seen in the theme demos of MH Magazine, it is essential and required that you have [created and set a static front page](https://mhthemes.com/support/documentation-mh-magazine/#create-static-front-page) correctly in your WordPress dashboard first and after that has been completed, you can place the widgets in your WordPress dashboard under **Appearance => Widgets** into the specific widget areas as stated for each theme demo in this tutorial.
> **Note**: If widgets don't appear on your front page after you have placed them correctly in your WordPress dashboard, then it's very likely that you haven't yet created a static front page properly and haven't assigned the widgetized *Homepage* template to your static front page as instructed in the [theme documentation](https://mhthemes.com/support/documentation-mh-magazine/#create-static-front-page) for MH Magazine WordPress Theme.

### Replicate your favorite MH Magazine Demo

After you've made yourself familiar with how you can change theme options, colors and place widgets in your WordPress theme (see previous instructions), you can now start replicating your favorite theme demo by arranging the theme options, colors and widgets as stated for each particular theme demo below:

- [Configuration Demo 1](https://mhthemes.com/support/knb/how-to-configure-mh-magazine-like-demo/#settings-and-widget-placements-like-in-demo-1)
- Configuration Demo 2
- Configuration Demo 3
- Configuration Demo 4
- Configuration Demo 5
- Configuration Demo 6
- Configuration Demo 7
- Configuration Demo 8
- Configuration Demo 9
- Configuration Demo 10
- Configuration Demo 11
- Configuration Demo 12
- Configuration Demo 13
- Configuration Demo 14
- Configuration Demo 15

### Settings and Widget Placements like in Demo 1

[![MH Magazine Demo 1](https://mhthemes.com/wp-content/uploads/2014/06/Responsive_MH_Magazine.png)](https://mhthemes.com/demo/?theme=magazine)

#### Demo 1: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Authors widget
> **Sidebar**: MH News in Pictures widget
> **Sidebar**: MH YouTube Video widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Random*
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Slider widget
> **Home 3 & Home 4**: MH Custom Posts widget with enabled excerpts for first post
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 6**: MH Tabbed widget
> **Home 7**: MH Carousel widget
> **Home 8 – Home 10**: MH Custom Posts widget with enabled excerpts for first post
> **Home 11**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Default WordPress Custom Menu widget
> **Footer 3**: Default WordPress Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 2

[![MH Magazine Demo 2](https://mhthemes.com/wp-content/uploads/2014/06/Responsive_MH_Magazine_2.png)](https://mhthemes.com/demo/?theme=magazine_2)

#### Demo 2: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Widget Titles**: Layout 3

#### Demo 2: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Theme Color 2**: #b6272b
> **Theme Color 3**: #ededed
> **Text: General**: #1f1e1e
> **Links: Content on Posts/Pages**: #b6272b
> **Links: Hover Color**: #b6272b

#### Demo 2: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Tabbed widget
> **Sidebar**: MH Authors widget
> **Sidebar**: Default WordPress Text widget with advertisement
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Slider widget (Layout 2)
> **Home 2**: MH Spotlight widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 7**: MH Carousel widget
> **Home 8 – Home 10**: MH Custom Posts widget with enabled excerpts for first post (1st row)
> **Home 8 – Home 10**: Default WordPress Text widget with advertisement (2nr row)
> **Home 8 – Home 10**: MH Custom Posts widget with enabled excerpts for first post (3rd row)
> **Home 11**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Default WordPress Custom Menu widget
> **Footer 3**: Default WordPress Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 3

[![MH Magazine Demo 3](https://mhthemes.com/wp-content/uploads/2014/06/Responsive_MH_Magazine_3.png)](https://mhthemes.com/demo/?theme=magazine_3)

#### Demo 3: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Site Layout**: Wide
> **Number of Sidebars**: Two Sidebars
> **Position of default Sidebar**: Left
> **Archives**: Layout 2
> **Widget Titles**: Layout 2

#### Demo 3: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Theme Color 1**: #333f49
> **Theme Color 2**: #00aae1
> **Theme Color 3**: #e9ecf6
> **Text: General**: #333f49
> **Text: Colored Sections (Color 1)**: #e9ecf6
> **Text: Colored Sections (Color 3)**: #333f49
> **Text: Post Meta**: #607d8b
> **Links: Content on Posts/Pages**: #00aae1
> **Links: Hover Color**: #00aae1

#### Demo 3: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: MH Tabbed widget
> **Sidebar**: MH Social widget
> **Sidebar**: MH YouTube Video widget
> **Sidebar**: MH News in Pictures widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Custom Posts widget with enabled excerpts for all posts
> **Sidebar 2**: Default WordPress Text widget with advertisement
> **Sidebar 2**: MH Facebook Page widget
> **Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*
> **Sidebar 2**: Default WordPress Text widget with advertisement
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Slider widget (Layout 3)
> **Home 2**: MH Posts Grid widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Spotlight widget
> **Home 3**: MH Custom Posts widget with enabled excerpts for first post
> **Home 4**: MH Custom Posts widget
> **Home 5**: Default WordPress Text widget with advertisement
> **Home 6**: MH Tabbed widget
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 7**: MH Carousel widget (Layout 2)
> **Home 12**: Default WordPress Text widget with advertisement
> **Home 12**: MH Custom Posts widget
> **Home 12**: MH Custom Posts widget with enabled excerpts for all posts
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Default WordPress Custom Menu widget
> **Footer 3**: MH Custom Posts widget with posts ordered by *Random*
> **Footer 4**: MH Authors widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget
> **Contact Sidebar 2**: MH Custom Posts widget with posts ordered by Random

### Settings and Widget Placements like in Demo 4

[![MH Magazine Demo 4](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_4.png)](https://mhthemes.com/demo/?theme=magazine_4)

#### Demo 4: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Number of Sidebars**: Two Sidebars
> **Widget Titles**: Layout 4

#### Demo 4: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #efefef
> **Theme Color 1**: #1f1e1e
> **Theme Color 2**: #005a8c
> **Theme Color 3**: #efefef
> **Text: General**: #000000
> **Links: Content on Posts/Pages**: #005a8c
> **Links: Hover Color**: #005a8c

#### Demo 4: Typography

> **Google Webfont for Headings**: Adamina
> **Google Webfont for Body Text**: Sarala

#### Demo 4: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar 2**: MH Tabbed widget
> **Sidebar 2**: MH YouTube Video widget
> **Sidebar 2**: MH News in Pictures widget
> **Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*
> **Sidebar 2**: Tag Cloud widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts Large widget
> **Home 2**: MH Posts Grid widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts List widget
> **Home 3**: MH Custom Posts widget with enabled excerpts for first post
> **Home 3**: Default WordPress Text widget with advertisement
> **Home 3**: MH Custom Posts widget with enabled excerpts for first post
> **Home 4**: MH Custom Posts widget with enabled excerpts for first post
> **Home 4**: Default WordPress Text widget with advertisement
> **Home 4**: MH Custom Posts widget with enabled excerpts for first post
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by Popular
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with enabled excerpts for all posts
> **Home 11**: Default WordPress Text widget with advertisement
> **Home 12**: MH Tabbed widget
> **Home 12**: MH News in Pictures widget
> **Home 12**: MH Custom Posts widget with posts ordered by *Random*
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: MH Recent Comments widget
> **Footer 4**: MH Authors widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget
> **Contact Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*

### Settings and Widget Placements like in Demo 5

[![MH Magazine Demo 5](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_5.png)](https://mhthemes.com/demo/?theme=magazine_5)

#### Demo 5: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Site Layout**: Wide

#### Demo 5: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #f2ffff
> **Theme Color 1**: #16a1a4
> **Theme Color 2**: #bbbd00
> **Theme Color 3**: #f2ffff
> **Text: General**: #4f4f4f
> **Text: Colored Sections (Color 3)**: #4f4f4f
> **Links: Content on Posts/Pages**: #16a1a4
> **Links: Hover Color**: #16a1a4

#### Demo 5: Typography

> **Google Webfont for Headings**: Sarala
> **Google Webfont for Body Text**: Abeezee

#### Demo 5: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Authors widget
> **Sidebar**: MH News in Pictures widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Posts Horizontal widget
> **Home 1**: MH Posts Focus widget
> **Home 2**: MH Posts Lineup widget (Image size: Normal)
> **Home 6**: MH Tabbed widget
> **Home 7**: MH News in Pictures widget
> **Home 7**: MH Category Columns (4 Columns)
> **Home 7**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 6

[![MH Magazine Demo 6](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_6.png)](https://mhthemes.com/demo/?theme=magazine_6)

#### Demo 6: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Position of default Sidebar**: Left

#### Demo 6: Layout - Header

> **Header Bar Content (Top - Left)**: Disable
> **Header Bar Content (Top - Right)**: Disable
> **Header Bar Content (Bottom - Left)**: Date
> **Header Bar Content (Bottom - Right)**: Social Icons

#### Demo 6: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #f7f7f7
> **Theme Color 1**: #127ea5
> **Theme Color 2**: #299fca
> **Theme Color 3**: #f0f7fa
> **Text: General**: #0f6281
> **Text: Colored Sections (Color 3)**: #0f6281
> **Text: Post Meta**: #0f6281
> **Links: Content on Posts/Pages**: #3bb3de
> **Links: Hover Color**: #3bb3de

#### Demo 6: Typography

> **Google Webfont for Headings**: Dosis
> **Google Webfont for Body Text**: Asap

#### Demo 6: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Tabbed widget
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: Tag Cloud widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Posts Horizontal widget
> **Home 2**: MH Posts Large widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts List widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts Grid widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 6**: MH Tabbed widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 7**: MH Category Columns (4 Columns)
> **Home 7**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 7

[![MH Magazine Demo 7](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_7.png)](https://mhthemes.com/demo/?theme=magazine_7)

#### Demo 7: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Site Layout**: Wide
> **Position of default Sidebar**: Left
> **Widget Titles**: Layout 3

#### Demo 7: Layout - Header

> **Header Bar Content (Top - Left)**: News Ticker
> **Header Bar Content (Bottom - Left)**: Navigation
> **Header Bar Content (Bottom - Right)**: Date

#### Demo 7: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #f7f7f7
> **Theme Color 1**: #260f54
> **Theme Color 2**: #fec23e
> **Theme Color 3**: #f7f7f7
> **Links: Content on Posts/Pages**: #260f54
> **Links: Hover Color**: #500096

#### Demo 7: Typography

> **Google Webfont for Headings**: Titillium Web
> **Google Webfont for Body Text**: Glegoo

#### Demo 7: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Search widget
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Tabbed widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts Stacked widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts Grid widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 6**: MH Tabbed widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH News in Pictures widget
> **Home 8**: MH Custom Posts widget with enabled excerpts for first post
> **Home 9**: MH Custom Posts widget with enabled excerpts for first post
> **Home 10**: MH Custom Posts widget with enabled excerpts for first post
> **Home 11**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: MH Recent Comments widget
> **Footer 4**: MH Authors widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 8

[![MH Magazine Demo 8](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_8.png)](https://mhthemes.com/demo/?theme=magazine_8)

#### Demo 8: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Position of default Sidebar**: Left
> **Widget Titles**: Layout 4

#### Demo 8: Layout - Header

> **Transparent Header**: Enable
> **Header Bar Content (Top - Left)**: Disable
> **Header Bar Content (Top - Right)**: Disable
> **Header Bar Content (Bottom - Left)**: Disable
> **Header Bar Content (Bottom - Right)**: Disable

#### Demo 8: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #f9efef
> **Background Header**: #f9efef
> **Theme Color 1**: #ffadce
> **Theme Color 2**: #fd82b1
> **Theme Color 3**: #f9efef
> **Text: General**: #5b4747
> **Text: Colored Sections (Color 3)**: #5b4747
> **Links: Content on Posts/Pages**: #fd82b1
> **Links: Hover Color**: #fd82b1

#### Demo 8: Typography

> **Google Webfont for Headings**: Poly
> **Google Webfont for Body Text**: Raleway

#### Demo 8: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Authors widget
> **Sidebar**: Tag Cloud widget
> **Home 1**: MH Posts Focus widget
> **Home 1**: MH Category Columns (3 Columns)
> **Home 1**: MH Posts Horizontal widget
> **Home 1**: Default WordPress Text widget with advertisement
> **Home 1**: MH Posts Lineup widget (Image size: Large)
> **Home 1**: MH Posts Digest widget
> **Home 1**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 9

[![MH Magazine Demo 9](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_9.png)](https://mhthemes.com/demo/?theme=magazine_9)

#### Demo 9: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Position of default Sidebar**: Left
> **Widget Titles**: Layout 4

#### Demo 9: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #161616
> **Background Header**: #000000
> **Background Inner**: #000000
> **Theme Color 1**: #052f3b
> **Theme Color 2**: #205855
> **Theme Color 3**: #104442
> **Text: General**: #ffffff
> **Text: Colored Sections (Color 3)**: #ffffff
> **Text: Post Meta**: #ffffff
> **Links: Content on Posts/Pages**: #658a78
> **Links: Hover Color**: #658a78

#### Demo 9: Typography

> **Google Webfont for Headings**: Marcellus SC
> **Google Webfont for Body Text**: Hind

#### Demo 9: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Custom Posts widget with posts ordered by *Random*
> **Sidebar**: MH News in Pictures widget
> **Home 1**: MH Slider widget (Layout 5)
> **Home 2**: MH Category Columns (3 Columns)
> **Home 2**: MH Category Columns (2 Columns)
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Tabbed widget
> **Home 7**: MH Posts Horizontal widget
> **Home 7**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Comments widget
> **Footer 4**: MH Authors widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 10

[![MH Magazine Demo 10](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_10.png)](https://mhthemes.com/demo/?theme=magazine_10)

#### Demo 10: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Number of Sidebars**: Two Sidebars
> **Widget Titles**: Layout 3

#### Demo 10: Layout - Header

> **Header Bar Content (Bottom - Right)**: Search

#### Demo 10: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #66bb6a
> **Background Header**: #0d8f4f
> **Theme Color 1**: #0a8043
> **Theme Color 2**: #66bb6a
> **Theme Color 3**: #e9ffe8
> **Text: General**: #2a2a2a
> **Text: Colored Sections (Color 3)**: #2a2a2a
> **Links: Content on Posts/Pages**: #0a8043
> **Links: Hover Color**: #66bb6a

#### Demo 10: Typography

> **Google Webfont for Headings**: Droid Sans
> **Google Webfont for Body Text**: Sarala

#### Demo 10: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Posts Stacked widget with posts ordered by *Popular*
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Posts Horizontal widget with posts ordered by *Random*
> **Sidebar 2**: MH Tabbed widget
> **Sidebar 2**: Default WordPress Text widget with advertisement
> **Sidebar 2**: MH Posts Stacked widget with posts ordered by *Random*
> **Sidebar 2**: MH News in Pictures widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Posts Stacked widget
> **Home 2**: MH Spotlight widget
> **Home 2**: MH Posts List widget
> **Home 2**: MH Posts Grid widget
> **Home 6**: MH Category Columns (3 Columns)
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 7**: MH Carousel widget
> **Home 12**: Default WordPress Text widget with advertisement
> **Home 12**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 12**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Comments widget
> **Footer 4**: Recent Posts widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget
> **Contact Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*

### Settings and Widget Placements like in Demo 11

[![MH Magazine Demo 11](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_11.png)](https://mhthemes.com/demo/?theme=magazine_11)

#### Demo 11: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Site Layout**: Wide
> **Number of Sidebars**: Two Sidebars
> **Widget Titles**: Layout 3

#### Demo 11: Layout - Header

> **Header Bar Content (Top - Left)**: Date
> **Header Bar Content (Top - Right)**: Search
> **Header Bar Content (Bottom - Left)**: Navigation
> **Header Bar Content (Bottom - Right)**: Social Icons

#### Demo 11: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #111111
> **Background Header**: #111111
> **Background Inner**: #111111
> **Theme Color 1**: #232323
> **Theme Color 2**: #f4af00
> **Theme Color 3**: #383838
> **Text: General**: #bababa
> **Text: Post Meta**: #bababa
> **Links: Content on Posts/Pages**: #f4af00
> **Links: Hover Color**: #f4af00

#### Demo 11: Typography

> **Google Webfont for Headings**: Titillium Web
> **Google Webfont for Body Text**: Orienta

#### Demo 11: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar 2**: MH Tabbed widget
> **Sidebar 2**: MH YouTube Video widget
> **Sidebar 2**: MH News in Pictures widget
> **Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*
> **Sidebar 2**: Default WordPress Text widget with advertisement
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Slider widget (Layout 5)
> **Home 2**: MH Posts List widget
> **Home 2**: MH YouTube Video widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Custom Posts widget with posts ordered by *Popular*
> **Home 7**: MH Posts Digest widget
> **Home 7**: MH Category Columns (4 Columns)
> **Home 7**: Default WordPress Text widget with advertisement
> **Home 12**: Default WordPress Text widget with advertisement
> **Home 12**: MH Tabbed widget
> **Home 12**: MH Posts Stacked widget
> **Home 12**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: MH Recent Comments widget
> **Footer 4**: MH Authors widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget
> **Contact Sidebar 2**: MH Custom Posts widget with posts ordered by *Random*

### Settings and Widget Placements like in Demo 12

[![MH Magazine Demo 12](https://mhthemes.com/wp-content/uploads/2016/03/Responsive_MH_Magazine_12.png)](https://mhthemes.com/demo/?theme=magazine_12)

#### Demo 12: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Site Layout**: Wide
> **Widget Titles**: Layout 3

#### Demo 12: Layout - Header

> **Header Bar Content (Top - Left)**: Disable
> **Header Bar Content (Top - Right)**: Disable
> **Header Bar Content (Bottom - Left)**: Disable
> **Header Bar Content (Bottom - Right)**: Disable

#### Demo 12: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Color**: #2e2e2e
> **Background Header**: #2e2e2e
> **Background Inner**: #2b2b2b
> **Theme Color 1**: #2e2e2e
> **Theme Color 2**: #90a859
> **Theme Color 3**: #3a3a3a
> **Text: General**: #ffffff
> **Text: Post Meta**: #ffffff
> **Links: Content on Posts/Pages**: #90a859
> **Links: Hover Color**: #90a859

#### Demo 12: Typography

> **Google Webfont for Headings**: Caudex
> **Google Webfont for Body Text**: Muli

#### Demo 12: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Search widget
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Posts Stacked widget with posts ordered by *Random*
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH Tabbed widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 1**: MH Slider widget (Layout 5)
> **Home 1**: MH Posts Focus widget
> **Home 1**: MH Posts Digest widget
> **Home 1**: MH Category Columns (3 Columns)
> **Home 2**: MH YouTube Video widget
> **Home 6**: MH News in Pictures widget
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Comments widget
> **Footer 4**: Recent Posts widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 13

[![MH Magazine Demo 13](https://mhthemes.com/wp-content/uploads/2016/10/Responsive_MH_Magazine_13.png)](https://mhthemes.com/demo/?theme=magazine_13)

#### Demo 13: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Position of default Sidebar**: Left
> **Archives**: Layout 3
> **Widget Titles**: Layout 6

#### Demo 13: Layout – Header

> **Transparent Header**: Enable
> **Header Bar Content (Top – Left)**: Disable
> **Header Bar Content (Top – Right)**: Disable
> **Header Bar Content (Bottom – Left)**: Disable
> **Header Bar Content (Bottom – Right)**: Disable

#### Demo 13: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Theme Color 2**: #ffc001
> **Text: General**: #3a3a3a
> **Links: Content on Posts/Pages**: #ffc001
> **Links: Hover Color**: #ffc001

#### Demo 13: Typography

> **Google Webfont for Headings**: Raleway
> **Google Webfont for Body Text**: Lora

#### Demo 13: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Search widget
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: MH News in Pictures widget
> **Home 1**: MH Posts Lineup widget
> **Home 2**: MH Spotlight widget
> **Home 2**: MH Category Columns widget
> **Home 6**: MH Social widget
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Posts Horizontal widget
> **Home 7**: Default WordPress Text widget with advertisement
> **Home 8-10**: MH Custom Posts widget with enabled excerpts for first post
> **Home 11**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 14

[![MH Magazine Demo 14](https://mhthemes.com/wp-content/uploads/2016/10/Responsive_MH_Magazine_14.png)](https://mhthemes.com/demo/?theme=magazine_14)

#### Demo 14: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Archives**: Layout 4
> **Widget Titles**: Layout 5

#### Demo 14: Layout – Header

> **Header Bar Content (Top – Left)**: Navigation
> **Header Bar Content (Top – Right)**: Search
> **Header Bar Content (Bottom – Left)**: Disable
> **Header Bar Content (Bottom – Right)**: Disable

#### Demo 14: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Theme Color 1**: #05c1b6
> **Theme Color 2**: #e91f48
> **Theme Color 3**: #f9f9f9
> **Text: General**: #4c2b2b
> **Links: Content on Posts/Pages**: #e91f48
> **Links: Hover Color**: #e91f48

#### Demo 14: Typography

> **Google Webfont for Headings**: Josefin Sans
> **Google Webfont for Body Text**: Muli

#### Demo 14: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Facebook Page widget
> **Sidebar**: MH YouTube Video widget
> **Sidebar**: MH Custom Posts widget with posts ordered by *Popular*
> **Sidebar**: Default WordPress Text widget with advertisement
> **Sidebar**: MH Posts Horizontal widget
> **Header 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts Large widget
> **Home 2**: MH Posts Grid widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 2**: MH Posts List widget
> **Home 2**: Default WordPress Text widget with advertisement
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH Social widget
> **Home 6**: MH Custom Posts widget with enabled excerpts for first post
> **Home 6**: Default WordPress Text widget with advertisement
> **Home 6**: MH News in Pictures widget
> **Home 7**: MH Category Columns widgets
> **Home 7**: Default WordPress Text widget with advertisement
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget

### Settings and Widget Placements like in Demo 15

[![MH Magazine Demo 15](https://mhthemes.com/wp-content/uploads/2016/10/Responsive_MH_Magazine_15.png)](https://mhthemes.com/demo/?theme=magazine_15)

#### Demo 15: Layout - General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don't know how to access the theme options panel, please have a look at this: Making use of Theme Options.
> **Archives**: Layout 4
> **Widget Titles**: Layout 8

#### Demo 15: Layout – Header

> **Header Bar Content (Top – Left)**: Navigation
> **Header Bar Content (Top – Right)**: Social Icons
> **Header Bar Content (Bottom – Left)**: Disable
> **Header Bar Content (Bottom – Right)**: Disable

#### Demo 15: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don't know how to make use of the integrated color options, please have a look at this: Changing Colors.
> **Background Header**: #1b294f
> **Theme Color 1**: #00204e
> **Theme Color 2**: #822433
> **Links: Content on Posts/Pages**: #822433
> **Links: Hover Color**: #822433

#### Demo 15: Typography

> **Google Webfont for Headings**: Lusitana
> **Google Webfont for Body Text**: Noto Sans

#### Demo 15: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don't appear on your website as expected after placing them correctly or in case you don't know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.
> **Sidebar**: Search widget
> **Sidebar**: MH YouTube Video widget
> **Sidebar**: MH Social widget
> **Sidebar**: MH Custom Posts widget with enabled excerpts for all posts
> **Home 1**: MH Posts Stacked widget
> **Home 2**: MH Category Columns widget
> **Home 2**: MH Posts List widget
> **Home 6**: MH Posts Lineup widget
> **Home 6**: MH Custom Posts widget
> **Home 7**: MH Carousel widget (Layout 2)
> **Posts 1**: Default WordPress Text widget with advertisement
> **Posts 2**: Default WordPress Text widget with advertisement
> **Footer 1**: MH Author Bio widget
> **Footer 2**: Custom Menu widget
> **Footer 3**: Recent Posts widget
> **Footer 4**: MH Recent Comments widget
> **Contact Sidebar**: MH Social widget
> **Contact Sidebar**: MH Facebook Page widget