Web Design & Business Development That Makes an Impact
Below is a table that lists the homepage widget areas and the widgets that you can place in them. Click the [icon name=”fa-camera”] icon to see what the widget looks like, and the [icon name=”fa-file-text-o”] to be brought to set-up instructions. Clicking on a [icon name=”fa-check-circle”] will bring you to set-up instructions for the widget on the main theme installation page.
You can add other widgets too, however, additional coding might be needed on your end to optimize how it looks.
The image size for the slider in the Home Top Slider widget area is 2500 x [any height] px. First install the Soliloquy Lite plugin (got to Plugins >> Add New and search for “Responsive WordPress Slider – Soliloquy Lite”).
Once installed, you’ll see a new tab called “Soliloquy” in the sidebar within your WordPress admin area. Click Soliloquy >> Add New to add a new slider. Click “config” and modify your settings as outlined below:
(You can adjust the duration and speed if you want.) Upload your images. Click on the blue “i” icon to edit the slider image’s meta data and add in your caption and/or link button. Use this code in the image caption box (view photo instructions here):
<div class="cap"> Your Message Here </div> <a class="soliloquy-button" href="http://URLHERE"> Button Text Here </a>
Or, if you don’t want to use the cursive, use this code for sans-serif font:
<h1 class="soliloquy-fc-caption"> Your Message Here </h1> <a class="soliloquy-button" href="http://URLHERE"> Button Text Here </a>
Once your slider is ready, copy and paste the shortcode (will looking something like ) into a Text widget (on the Appearance >> Widgets page) under the Home Top Slider widget area.
Go to Appearance >> Widgets and drag and drop a Text widget to the Home Mid Left area. Type in your message. If you want text to appear in cursive, wrap in H3 tags like:
<h3>your cursive message here</h3>
The image size for the slider in the Home Mid Right widget area is 707 x [any height] px. First install the Soliloquy Lite plugin (got to Plugins >> Add New and search for “Responsive WordPress Slider – Soliloquy Lite”).
Once installed, you’ll see a new tab called “Soliloquy” in the sidebar within your WordPress admin area. Click Soliloquy >> Add New to add a new slider. Click “config” and modify your settings as outlined below:
(You can adjust the duration and speed if you want.) Upload your images and save. Once your slider is ready, copy and paste the shortcode (will looking something like ) into a Text widget (on the Appearance >> Widgets page) under the Home Mid Left widget area. Make sure to wrap the slider in center tags like so:
<center>[soliloquy id="432"]</center>
Go to Appearance >> Widgets and drag and drop a Text widget to the Home Mid Right area. Type in your message. If you want text to appear in cursive, wrap in H3 tags like:
<h3>your cursive message here</h3>
The image size for the slider in the Home Mid Right widget area is 337 x [any height] px. First install the Soliloquy Lite plugin (got to Plugins >> Add New and search for “Responsive WordPress Slider – Soliloquy Lite”).
Once installed, you’ll see a new tab called “Soliloquy” in the sidebar within your WordPress admin area. Click Soliloquy >> Add New to add a new slider. Click “config” and modify your settings as outlined below:
(You can adjust the duration and speed if you want.) Upload your images and save. Once your slider is ready, copy and paste the shortcode (will looking something like ) into a Text widget (on the Appearance >> Widgets page) under the Home Mid Right widget area. Make sure to wrap the slider in center tags like so:
<center>[soliloquy id="432"]</center>
Go to Appearance >> Widgets and drag and drop a Text widget to the home-left, home-center, or home-right area. Copy and paste the following code, editing where necessary:
<center> <br /><br /><h3>Heading Here</h3> Your text here </center>
To add the icons download and install the Better Font Awesome plugin. Add icons to the text widget via shortcode, e.g.
![[icon name=”fa-camera”]](http://dinosaurstew.com/wp-content/uploads/2016/02/home-mid-left-slider.jpg){kind=link}
<span class="homeicon">[icon name="fa-bolt" size="2x"]</span>
right after the first < center > tag. Use the Font Awesome cheat sheet to see all your choices.
Repeat as necessary for the other two widget areas.
Go to Appearance >> Widgets and drag and drop a Genesis – Featured Page widget to the home-left, home-center, or home-right area. Use these settings:
Repeat as necessary for the other two widget areas.
Go to Appearance >> Widgets and drag and drop a Text widget to the Home Bottom area. Type in your message. If you want text to appear in cursive, wrap in H3 tags like:
<h3>your cursive message here</h3>
Go to Appearance >> Widgets and drag and drop a WooCommerce: Products widget into the Home Bottom widget area. Configure to match these settings:
Go to Appearance >> Widgets and drag and drop a new Genesis – Featured Posts into the Home Featured widget area. Make sure your settings match the following:
