blog-tutorial-post-template

Tutorials

Basic Setup

Step 1: Drag & drop the Carousel Complete stack into the stacks editor.

Carousel Complete icon

Screen Shot 2015-06-30 at 3.18.07 PM

Step 2: If you wish to use an image or a video you can Drag & drop the Clean Carousel Slide stack into the “Drop stacks here” section of Carousel Complete. Otherwise you can instead add a text stack or another 3rd-party stack (Some 3rd-party stacks may not be compatible).

Inner Stack Icon or Text Stack or 3rd party stack (Some other 3rd party stack)

Step 3:  Add stacks to the carousel until you have the amount of slides you would like to use by dragging in each one underneath the previous one before it. Make sure all the stacks are contained inside of the Carousel Complete stack.

Note: Carousel Complete requires at least two slides to function.

Video Setup

Step 1: Select the video option in the Carousel Complete Slide stack.

video select

Step 2:  Add the video’s URL to the “Video Url” field. The Carousel Complete Slide stack supports YouTube or Vimeo URLs.

Screen Shot 2015-06-30 at 3.35.52 PM

Carousel Complete General Controls

Slider Type

Slide In Effect – Determines what animation the incoming slide transitions with.

Slide Out Effect – Determines what animation the out going  slide transitions with.

Add Fade Effect – Adds a fade effect to both the incoming and out going slide for a smoother transition. (Some effects already have fades added to them)

Caption Effect – Determines what animation the caption transitions in with.

Carousel Type

Wide Desktop, Desktop, Tablet, Mobile – These numbers set the amount of slides to display at once.

Wide Desktop –  Effects browser windows that are greater than 1200px wide.

Desktop –  Effects browser windows that are less than 1200px wide but greater than 900px wide.

Tablet – Effects browser windows that are less than 900px wide but greater than 600px wide.

Mobile – Effects browser windows that are less than 600px wide.

Slide By – The amount of slide to transition by.

Center Slides –  If enabled,  the slide in the middle of the carousel will be the focused slide and will always remain centered on all browser widths.

Mouse Drag – If enabled, visitors can click and drag the slides left and right to navigate through them.

General Controls

Autoplay – If enabled, the slider or carousel will automatically transition on set intervals.

Autoplay Speed – Sets the speed at which autoplay transitions from slide to slide. (Only visible if Autoplay has been enabled)

Pause On Hover – If enabled, the slider or carousel will pause Autoplay while the cursor is hovering over the slider.

Video Autoplay – If enabled, any videos inside the slider or carousel will automatically start playing when the slide is visible. (Only visible if Autoplay has been disabled)

Auto Height – If enabled, the slider will automatically adjust to the height of the focused slide.

Wide, Desktop, Tablet, Mobile Height – Sets the height of the slider or carousel at the respective browser window sizes.  (Only visible if Auto Height has been disabled)

Styles

Slide L/R Padding – Increasing this value will add space in-between the left and right of each slide.

Arrows – If enabled, navigation arrows will display at the right and left of the slider and carousel.

Pagination – If enabled, pagination dots will appear below the slider. Users can click on the dots to navigate through the slider or carousel.

Background Color – If enabled, allows you to set a background color for the slider or carousel.

Edit Mode Help

Slide Width – This option only effects how Carousel Complete looks in edit mode. Reduce the percentage to allow the slides to appear left to right to save space inside of the stacks editor.

 

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Live Search 2

Live Search 2 has been updated with new features, improvements, and important bug fixes – all designed to make your site’s search experience even faster and more precise.

This update is free and automatic for all existing customers.

Don’t own it yet? Now’s the perfect time to jump in — Live Search 2 is 30% off for a limited time! No code needed — your discount is automatically applied at checkout.

New Features:

  • Added support for exact match searches using quotation marks around parts of a search phrase.
  • New option to show a “Clear Input” button.
  • Added Replace Character feature.
  • Now supports two separately defined search bars on the same page.
  • New option to adjust z-index.

Improvements:

  • Index file generation now detects and ignores duplicate content, such as text found in every page header and footer.
  • If any pages are missing from the index file, they will now still be searched dynamically.
  • Index file data is now compressed to reduce file size.
  • Pages at https://website/folder/index.(php|html) and https://website/folder/ are now treated as duplicates and will not be indexed separately.
  • Search results container height now only stays fixed during pagination — it will shrink dynamically for new searches.
  • When searching custom sitemaps, the default sitemap will now be ignored.
  • The popout search results container will now automatically hide when the search input is empty.

Bug Fixes:

  • Fixed an issue that prevented custom text/language settings from applying correctly.
  • Fixed a bug where result descriptions could fail to display a local section title.
  • Fixed a bug that could trigger an error if suggestions were enabled but the stack was not published to the page.
  • Prevents form submission before the page is fully loaded, avoiding unwanted page refreshes on slow-loading pages. A loading indicator is shown until the page is ready.

Check it out in action!

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software