Magazine Pro Tutorials

Tutorials for customizing & modifying the Magazine Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Magazine Pro Full Width Home Top Widget Area

This code repositions the home top widget area hooked to genesis_loop by default so it displays full width before the content sidebar like

Reorder Widget Areas on Mobile

The solution in this download folder enables you to change the order of the front page widget areas on smaller screens. You can also

Reposition Title Before Image In Genesis Featured Posts Widget

This tutorial provides the modification which moves the featured image after the entry title in the Genesis Featured Posts widget. Tested

Featured Image Before Single Page Entry Title in Genesis

This code adds the featured image before the entry title on single pages only. The image is only added if a featured image is set using

Add Widget To Magazine Pro Front Page

This free quick tip provides the code which adds a new widget area to the Magazine Pro themes front page template. Based on this question

Magazine Pro Front Page As Archive Page

This template replicates the front page of Magazine Pro so you can use it as a archive page with pagination. This enables you to use the

Magazine Like Archive In Genesis Sample Theme

The template in this tutorial shows you another method for using CSS grid to display archives in a grid layout with different sized columns.

Add Logo In Menu of Magazine Pro Theme

The solution in this tutorial enables you to display your logo inline with your nav menu items like you see in the following screenshot

Magazine Pro Full Screen Width Responsive Header Image

This tutorial provides the code which enables you to add a full width image to the Magazine Pro themes site header. Based on this

Add Different Image After Header in Genesis

This tutorial provides the code which enables you to display a different image after the header in any Genesis child theme. Tested using the

Add Image After Header In Genesis

There's at least 4 ways to add a full width image after the header in any Genesis child theme. This tutorial provides several basic

Filterable Portfolio in Genesis

The code in this tutorial enables you to filter all items in your custom post type and all existing and future items added to your CPT

Use Magazine Pro Themes Front Page As Template On Single Post Types

This tutorial shows you how to use the Magazine Pro themes front page template on single pages, single posts and single custom post types.

Genesis Template To Display 3 Posts From Each Category

This custom page template for genesis displays 3 posts from every category on the 1 page. If the category contains less than 3 posts, the

Add Full Width Header Image To The Magazine Pro Theme

You can change the PHP code for the Custom Header function located under your Appearance Menu, in your child themes functions.php file