Sassafras Theme

Homepage Widgets

• Home Top Slider – Full Width Slider ( 1150px x 400px)
• Home Top Left – Use if you prefer a small slider with a widget to the right. (850px x 400px)
• Home Badge – A beautiful extra. The space is 175 x 175px
• Home Flexible – Widgets will automatically adjust when placed in this spot.
• Home Featured – Full width widget area.
• Nav Social Menu – *** Must have Secondary menu location enabled to show
• Footer 1
• Footer 2

Bonus Widgets

• Widget Above Content – Will Show above your content on every page, except custom post types
• Author Box Widget – Hooks into the Author Box. Must be enabled in settings to show.
• Portfolio & Recipe Archive Widgets – Displays on the main pages for your Portfolio & Recipe Post Types
• After Entry Widget – Displays below your posts. Great for a call to action.

If you need additional help setting the widgets up, download and install the Widget Importer & Exporter and upload the widget file. This will place and then configure the widgets exactly like the demo, with the demo content. If you don’t have all of the plugins installed used in the demo, you will get a “failed to import” message for the missing plugins, which is fine since you don’t plan on using the plugin.

Sassafras has two options for the slider section. A full width and a small slide with message area.

Full Width Slider – 1150px x 400px (or any height you want)
Home Top Left – 850px x 400px (or any height you want) Use if you prefer a small slider with a widget to the right.

The SoliloquyWP Slider is what we use in all of our themes. The Soliloquy Lite version is free and can be configured like all of the demo sliders. Purchasing the upgraded SoliloquyWP will give you more versatility and options but is not necessary to set your theme up like the demo.

Step 1: Install & Activate the Soliloquy Lite Plugin.

Step 2: In your dashboard, on the left hand side select Soliloquy > Add New & then name your new slider. To make it easier to find and change your slides, I’ll name mine for the place they are going to appear, like “Home Full Slider” or “Home Small”

Step 3: Configure the slider size. Refer to your theme setup for the proper size. We will be using the Sassafras theme for these tutorials. Click the tab that says “Config”, then set the slider dimensions. Most themes come with a full size or small size slider. Then change the “Slide Gutter” to “0” so you don’t have extra padding beneath your slide.

Step 4: Add your Images. Click on the “images” tab. Before adding your images you need to size them properly to the desired slider size. Each image you load should be the same width and height as the slide itself. The easiest way to do this is with picmonkey.com. Click “Select Files” and locate your images you would like to load. Once they have loaded, publish your slide.

Step 5: Grab the Soliloquy Shortcode for your slide to add it to your Widget area. The Shortcode will be unique to your site and not the same number but the location will be the same. The Shortcode is highlighted in blue. Copy the highlighted code.

Step 6: Place your Shortcode in a Text Widget, in the correct slider location, we are using “Home Top Slider” for this demo. Go to Appearance > Widgets > place a “text” widget in the “Home Top Slider” widget spot and paste your shortcode in the “text” widget. Click save and your slider will now show on the homepage.

---

Edit Images or Change Slides

To change out your images navigate back to Soliloquy > Soliloquy and find your slider that you want to edit, or even add a new one and follow the steps above to place it in the proper area.

Add a Caption or Hyperlink

To add a caption or hyperlink click on the “i” that is above the image in the Soliloquy Slider options. There is where you will find a place to add a link and a caption.

To use your badge/stamp place a text widget and then place an image in the spot, or if you prefer an image that links. Below are the codes that you can copy and paste into the text widget.

Image

Image that links

Here is how the Genesis Featured Page Widget would be setup

Use a Genesis E-News Extended widget or a Text Widget. If you choose to use a text widget here is how to create the look that is in the demo.

This section in the theme can hold as many widgets and kinds as you would like. It is not flexible, meaning the widgets will not stay in compartments like the Flexible Widget area. They are allowed to stretch the body of the page. In the demo we used a Woocommerce Product Widget and a Genesis Featured Post Widget.

This is how you get your social media icons in the Navigation Bar and a Search bar if you like. Place a search widget and a Simply Social Icon widget in this spot. This area is hooked into your Secondary Navigation and will not show unless you have the secondary navigation assigned. You do not have to have any menu items in this location if you do not want them. Just create a blank menu and select “Secondary”.

This is the full width social bar under the theme footer. In the demo we use the plugin Instagram Feed and place a text widget with the shortcode for the plugin in this spot.

The demo uses a Genesis Enews Widget.

This area displays an Instagram Feed in a text widget.

Plain Button

Button with heart

– Change <i class=”fa fa-heart”> to any other Font Awesome Icon