View Categories

How to configure MH Magazine WordPress Theme like the Demo

MH Magazine Variations

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 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 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.

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 #

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 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 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:

Settings and Widget Placements like in Demo 1 #

MH Magazine Demo 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Updated on 29. November 2023

Stay in touch with us!

Join our newsletter and we let you know about new theme releases,
as well as important updates and discounts.

Latest news from our blog: The Best WordPress Themes and Templates for 2025: Top Picks (17. March 2025)