Beyond Madison

Please follow the tutorials below to create your site just like the demo. If you run into problems or have questions while following the tutorial please let us know. Don’t forget to submit your site to our Showcase page when you are done. We would love to see how your site looks!

Please note: after you install the design… the watercolor image (in the header) will not appear. You will need to add the watercolor image to the header. This step is below under “Header”.

Installation Service

Want us to install it for you? Sit back, relax, and let us do the work for you with our Installation Service

Start Here

  • How to Install the Theme
  • How to Setup the Menu Bar
  • Plugins Used – if you would like to see a complete list of plugins used please see the bottom of this tutorial. If you are new to ‘plugins’ just follow the next steps below and it will show you.


  • Header Background Image – this is the watercolor image on the demo site – demo is using “Peony”. You do not have to use the watercolor image unless you want to.
  • How to Add Your Own Logo – this is optional. You do not have to use a custom logo unless you want to. The best logo size is 800×400. If your logo is a different size please let us know, we can help you with that.


The Homepage is created with widgets in the Front Page widget sections.


Blog Posts

  • Note – A good image size for your blog post’s “Featured Image” is 800 x 550. If you want to use a different size… click on Appearance >> Customize. Next click on Theme Settings >> Content Archives. Change the image size where it says “Featured Image Size”. Click “Publish” when done.
  • How to Add the “Share This” Buttons
  • After Entry widget – you can place any widget in this widget area such as user profile, advertisement, or instagram widget. It will show at the bottom of every post, before the comments. I used the “Genesis – User Profile” widget on the demo site. Find the After Entry widget in Appearance >> Widgets.

Ad Between Posts

This ad space shows after the second post on every blog page. To use this ad space click on Appearance >> Widgets. If you have an:

  • HTML/Javascript code for your ad – Click on “Custom HTML” widget and choose “Ad Between Posts”. Place your code in the Content box then click “Save”.
  • Image and Link for your ad – click on “Image Widget” and choose “Ad Between Posts”. Click “Select an Image”, choose your image, insert the link, then click “Save”.

Footer Widgets

How To Use Footers 1, 2, & 3 – place any widgets in these Footers. But note: Footer 2 & 3 will not show unless you have something in Footer 1 first. To get to the Footer Widgets click on Appearance then Widgets.

  • Footer 1 – The Beyond Madison theme is using a Text Widget and Social Media Icons in Footer 1.
  • Footer 2 – is using a “Custom HTML” widget. Copy/paste the following code into a “Custom HTML” widget and change the info to your info. Click “Save” when done.
  • Footer 3 – The Beyond Madison theme is using a Text Widget for this section.

Instagram Feed – Widget Above Footer

Please follow this Instagram Widget tutorial to finish this setup.

Contact Page

Category Page

Follow this tutorial on how to create a category page. The category page on Beyond Madison looks like this. You can also follow along in the video tutorial here.

To add a description to the Category page… click Posts >> Categories. Click on the category you would like to add a description too. Add your description where it says “Archive Intro Text”. Click “Update” at the bottom then view your Category page.

Page Templates (these are optional)

Setup WooCommerce Shop

If you would like to add a shop to your site please follow this tutorial.


Images Used on Demo Site

All the images shown on the demo site came from Haute Stock (affiliate). Haute Stock updates their images regularly. We can not guarantee that you will be able to find the exact same images that are shown on the demo site.

Theme Information

Fonts Used

Color Codes Used

  • Pink – #f9b1ab
  • Black – #333333
  • Grey – #f5f5f5

List of Plugins Used


Additional Resources

I have a really good page of additional plugins and resources that I recommend like a privacy policy template and more. You can find that page here.

Extra Tutorials

These tutorials are not necessary but only optional for those who are looking to customize their themes further.

You can also find more tutorials on our blog.

Have Quesitons?

If you have questions about your theme and can’t find the answer above please feel free to submit a support ticket.

Please note: support is only provided for setup and installation, questions and concerns. Support is not provided for personal customizations to our themes.

New to WordPress?

Need a little help on how to use WordPress? Become more comfortable and confident with WP101 video tutorials. Watch this sample tutorial to get a quick introduction to WordPress.