• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Dominate Marketing

Why Dabble When You Can DOMINATE

  • Blog
  • Contact

Genesis Slide-in Widget

March 4, 2018 by Dominate Marketing

Genesis Slide-in Widget Manual

Genesis Slide-in Widget Manual

Creates a Animated slide-in widget panel

The Genesis Slide-in Widget creates a slide-in panel, to quickly show side content, navigation, contact form, notifications or profile information. Set background-color, button position and choose the width of the panel.

Download

Genesis Slide-in Widget Plugin Installation
Set the Widget
Configuration of the Genesis slide-in widget
How to use the short-code

Genesis Slide-in Widget Plugin Installation

The Plugin installation is a straightforward process. There are two ways to install the plugin:

WordPress Dashboard upload:

  1. Download the plugin to your computer
  2. Navigate to Plugins -> Add New
  3. Select  ‘Add New’  at the top and ‘Upload Plugin’ on the next page
  4. Browse to the plugin you’ve just downloaded and select it
  5. Click ‘Install Now’ and the plugin will be installed
  6. Active the plugin

Install from the WordPress repository:

  1. Navigate to Plugins -> Add New
  2. Select ‘Add New’ at the top
  3. Use the search field and search for ‘Genesis slide-in widget’
  4. If you find the plugin, hit the ‘Install button’ and the plugin will be installed
  5. Active the plugin

Set the widget

Navigate to Appearance > Widgets. In the right column you see a new widget area with the name Slide-in Widget. Add a widget of your choice, for example a custom menu or text widget. If you don’t set a widget there is nothing to show!

When the widget is set and saved go to the frontpage and see the result.

Configuration of the Genesis slide-in widget

genesis-slide-in-admin-panel The Plugin settings can be found in your WordPress back-end under Genesis in the navigation bar.

Load plugin styling.
Disables all of the styling. This includes all the effects.

Show Button
Uncheck this option if you don’t want to show the trigger button. Instead you can use the shortcode to fire the slide-in widget.

Button text
Set the title of the button. The button fire’s the overlay widget area.

Button Color
Set the Button background color.

Position
Set the position of the button fixed or absolute.

Settings panel
Slide the widget panel in from the left or right. Set the width of the widget panel. You can choose, 10%, 20%, 30%, 40%, 50% and 100%.

Color Settings
Set the background color of the widget slide in panel. The background color can be set in rgba or hex. The text color is only set on text not on links.

How to use the short-code

If you like to fire the Slide-in widget not only from the activation button you can use the short-code. With the short-code you can place the trigger in the content of your posts, pages, or widgets.

[slide-widget]Activate the Slide in widget[/slide-widget]

The short-code above creates a activation link with the text “Activate the Slide in widget”. Change this text to your own, and that is it!

Filed Under: Genesis, Plugins, Widgets

Categories

  • css tricks
  • Errors
  • Fixes & F**ups
  • Formidable Forms
  • Genesis
  • Google Apps Mail
  • How To's & Tips n Tricks
  • MailChimp
  • Media
  • Plugins
  • Scam Alert
  • Shipping
  • Shopping Cart Modules
  • Videos
  • Widgets
  • Woocommerce

Recent Posts

  • font gradient
  • Horizontal Genesis eNews E-Mail Opt In Subscribe Box Inline
  • Hide shipping rates when free shipping is available
  • How to Create a WooCommerce Wholesale System
  • Imagify vs EWWW vs Kraken vs WP Smush vs ShortPixel: The 5 Best WordPress Image Optimization Plugins Compared
  • Formidable Forms & Mod Security
  • Genesis Slide-in Widget
  • Genesis Plugins
  • Genesis overlay widget
  • Add refined CTA & Announcement widget areas etc
  • Migrate Weebly to WordPress: A Step-by-Step Guide
  • Sparkle
  • Remove WordPress Default Widgets
  • Some great css tricks on this website
  • Border Around A Button
  • Adding support for the new WooCommerce 3.0 gallery features
  • 100 WooCommerce Tips and Tricks
  • Woocommerce – Change number of products displayed
  • Genesis Footer Widgets
  • 3 Ways to integrate WooCommerce with Genesis
  • Emails fail on multisite setup
  • Video Embed & Thumbnail Generator
  • WP MS User Roles
  • Setup Gmail for Domain – Google Apps Mail
  • Remove default WordPress widgets
  • Re-Order Single Product Template
  • Change SKU Text
  • Don’t Get Caught by an Invitation To Register Domain – Fake Domain Renewal Letters Can Cost You
  • WooCommerce MailChimp Integration
  • Hide the shipping methods if the cart does not have the specific shipping class

Handcrafted with by Dominate Marketing
Web Design & Development, SEO & Ultra Nerdyness!
Sitemap | Terms of Service | Privacy Policy | Delivery Policy | Refund Policy | Owner Login