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 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 widget. Click "Select an Image" to choose a new image. Save. Repeat for the other two widgets.

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

The Instagram Feed on your site was set up and configured during theme installation. However, it's no longer possible for us to connect your Instagram profile to the Instagram feed without directly logging into your Instagram account. It's super easy to connect your Instagram account. Just follow the instructions here and then your Instagram photos will populate the Instagram feed areas in your theme.

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 > SeedProd. Under Status, select "Disabled." Save changes.

We also recommend removing the "Coming Soon Page & Maintenance Mode by Seedprod" plugin from your plugins page if you no longer plan to use it.

Removing the demo content

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