StudioPress Monochrome Pro Theme Tutorials

Posts in this archive relate to modification & customization of the Monochrome 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.

Use single.php Template On All Post Types In Monochrome Pro

The code in this download folder enables you to use the single.php template file with the full width after header featured image, on all

Replace The Image With Video In Monochrome Pro

This solution enables you to add a responsive video with cover text which overlays the video on all screen sizes. In this case, we replace

Add Front Page Template With Video To New Versions Of Monochrome Pro Using Blocks

This tutorial provides the code which adds the front page template for widget areas back to the new versions of Monochrome Pro which are

Replace Genesis Block Background Image With Video On Monochrome Pro Front Page

For use with the Monochrome Pro child theme for Genesis, this tutorial provides the code which enables you to replace the background image

WPEngine Style Blog Page With 2 Columns & Sidebar Then 3 Columns

This download folder includes a custom blog page template like the WPEngine blog page : The template includes code to : Display the

Before Header Utility Bar In Monochrome Pro

This tutorial adds a before header widget area you can use to add your phone number and social icons to like this : Demo Video Shows a

Show Hide Featured Image After Header On Single Posts in Monochrome Pro

This tutorial provides the instructions on how to remove the featured image after header on single posts without removing the featured image

Replace Site Title With Logo On Scroll

This solution enables you to remove the site title and replace it with your custom logo on scroll. Here's the site header showing the site

Monochrome Pro – Use Front Page 4 Widgets In Front Page 3 Widget Area & Vice Versa

This solution enables you to use the front page 4 widgets in the front page 3 widget area as well as use the front page 3 widgets in the

Monochrome Pro – Add Featured or Hero Image After Header On 404 Error Pages Using ACF

This download folder includes the files which enable you to show a featured or custom image added using ACF, after the header in the same

Monochrome Pro – Add Featured or Hero Image After Header On Single Pages Using ACF

This download folder includes the files which enable you to show a featured or custom image added using ACF, after the header on single

Monochrome Pro – Archive Templates For After Header Hero Image

The templates in this download enable you to add a unique image after the header in the same style as the featured image is displayed on

Monochrome Pro MP 4 Video Behind Front Page 1 Widget

This tutorial enables you to add a MP4 video behind the front page 1 widget area in the Monochrome Pro child theme by

Monochrome Pro Custom Single Post Hero Images

This download folder contains the code which enables you to add a default image which is displayed when no featured image added on single

Add Down Triangle Like Arrow After Front Page 1 Widget

This CSS enabled you to add the down triangle after the front page 1 widget area in the Monochrome Pro child theme by StudioPress like this

Monochrome Pro Add Text Overlay With Background To Front Page 1 Image Section

This solution enables you to layer text over the front page 1 widget background image and position the content at the bottom of the image

Monochrome Pro Front Page Template Using Custom Fields

This template is installed a page template enabling you to add content to the editor on the Edit Page screen and display the template as the

Monochrome Pro Front Page As Page Template – Easy Setup Version

This new version of the this older template enables you to use the Monochrome Pro themes front page template and import the demo content on

Monochrome Pro Remove Before Footer CTA Widget Conditionally

Add this code to the Monochrome Pro themes functions file. [code] add_action( 'genesis_before_footer', 'remove_before_footer_cta', 8

Add Flexible Footer Widgets To Monochrome Pro

This tutorial provides several methods which enable you to add any number of footer widgets to the Monochrome Pro child theme by