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 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 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: Configuration 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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
How to configure MH Magazine WordPress Theme like the Demo
Time to read: 31 min
Updated on June 24, 2025