Magnolia - Post-Installation Guide

This article is for customers who have purchased theme installation for the Magnolia theme.

We just installed your theme on your site – you may be wondering,  now what? Below we'll go over the common questions we get post-installation, where you need to go to update things, and more. :)

Homepage - Background images

The Magnolia theme has four widget areas on the homepage that display a parallax background image. To upload your own background images, go to Appearance > Customize > Front Page Background Images.

For the best display, images should be at least 1600x1050px in size.

Homepage - "Crafted to Inspire" Headline

Go to Appearance > Widgets > Front Page 1. Open the Custom HTML widget and replace the existing headline with your desired text.

Words placed between  <em> and </em> will be italicized. 

Homepage - About Section

To update the "Who We Are" section on your homepage, go to Appearance > Widgets > Front Page 2. The title and text can be edited in the Custom HTML widget. The image can be changed in the Image widget.

Homepage - Our Philosophy

Go to Appearance > Widgets > Front Page 3. Open the Custom HTML widget and replace the existing text with your desired text.

Homepage - Featured Page Buttons

To change the images for the three featured page buttons, go to Appearance > Widgets > Front Page 4. Open the first Genesis Featured Page Advanced widget. Click "Select an Image" to choose a new image, then Save. Repeat for the other two widgets. Further instructions for switching out the images can be found here.

You're also welcome to change the title and where the featured button leads to (i.e. a page or a custom link).

Homepage - "Kinds Words" Testimonial Slider

See this tutorial for instructions on adding your own testimonials. This section can also be replaced with a different widget (such as a text widget).

Homepage - 3 Service Boxes

Go to Appearance > Widgets > Front Page 6. Each service box can be edited in their respective Custom HTML widgets. For full instructions, see this page (under Front Page 6).

Homepage - Call to Action section

To edit the "Ready to begin your journey?" text, go to Appearance > Widgets > Front Page 7. Open the Custom HTML widget and replace the existing text with your desired text.

Configuring Your Subscription Widgets

To set up your subscription widgets with a mailing list provider (Mailchimp, ConvertKit, FloDesk, etc), click here for instructions.

Editing your navigation menus

All navigation menus on your site can be edited/changed/added to at Appearance > Menus. The navigation menus available in the Magnolia theme are:

  • Top Navigation = The scrolling menu at the very top of the page
  • Header Left Navigation = The menu that displays to the left of the header
  • Header Right Navigation = The menu that displays to the right of the header
  • Below Header Navigation = This menu displays below the header (not shown in demo)
  • Mobile Menu = The menu that displays on the mobile version of the theme

You will also have two navigation menus for your footer and one for your Instagram landing page.

Add, remove, or change social icons

Click here for instructions.

Sidebar photo and blurb

Click here for instructions on easily updating your sidebar photo.

Adding Shop the Post widgets to your blog posts

See this tutorial.

Instagram Feed

If you did not provide your Instagram access token on your installation form, click here for instructions on linking your Instagram profile and configuring your feed as shown in the demo.

Instagram landing page

The link to your Instagram landing page is your website URL + /instagram. Example:

The Instagram landing page is very easy to update and change as needed. To add/change/remove menu items, go to Appearance > Menu > Instagram Menu. To edit anything else on the page (i.e. the social icons, or if you want to add text, etc), go to Appearance > Widgets > Instagram Landing Page.

Complete instructions for the Instagram landing page can be found here.

Coming Soon Page

On your installation form, you were given the option to have a coming soon page installed on your site. To remove the coming soon page and launch your site, go to your WordPress dashboard > CMP Settings. Under CMP Status, select "Disabled." Save changes. Next, go to Plugins > All Plugins and delete the "CMP - Coming Soon Page & Maintenance" plugin.

Removing the demo content

Click here for instructions on removing the demo content from your site.

Learning WordPress

Are you new to WordPress and feeling a bit lost? We can help! Visit the 17h Avenue Video Library, which is filled with 30+ beginner-level WordPress tutorial videos. These tutorials will teach you how to manage your site, publish content, and give you the confidence you need to run a successful website.