1LD Tutorials & Blogs

Tutorials

General

Max Width

This option sets the maximum width of the slider

Min Height

This option sets the minimum height for the slider. Note that all slides will automatically readjust of they are taller than the min height, though setting a min height helps to make all slides look equal.

Mobile Point

The point at which the slider becomes responsive

Radius

The corner roundness of the slider

Content Align

The vertical alignment of the slider content


Slides

Hide Titles, Text, Buttons

If you would like to hide any portion of the slide content such as the titles, text, or buttons, you can do so by checking any of these options.

Title, Text Font

Here you can select a font for the slide titles and text from a list. You also have the option to choose a custom font, just provide the URL nd the name of the font.

Padding (Vertical & Horizontal)

Sets the inner padding of the slide content section.

Title Size

The font size of the slide titles

Title Spacing

The amount of space below the slide titles

Text Size

The font size of the slide text

Text Spacing

The amount of space below the slide text

Button Text

The actual text content of the slide buttons

Button Size

The font size of the button text

Button Radius

The corner roundness of the slide buttons

Button Border

The thickness of the border around the slide buttons

Button Padding (Vertical & Horizontal)

The inner padding of the slide buttons

Image Mobile Height

On mobile devices, images move on top of the slide content, and the require a minimum height to be set. The default is 300px. You can make the images larger or smaller on mobile by adjusting this option.


Slide Navigation

The Slide navigation revers to the arrows and slide count that appear at the bottom of each slide.

Padding (Vertical & Horizontal)

The amount of padding around the navigation arrows and slide count

Count Size

The font size of the slide count displayed at the bottom of each slide

Icon Size

The font size of the navigation arrows

Button Size

The width/height of the navigation arrow buttons

Button Radius

The corner roundness of the navigation buttons

Button Border

The border thickness of the navigation buttons

Button Spacing

The amount of space between the navigation buttons


Slide Colors

Title

The color of the slide titles

Text

The color of the slide text

Button Text (Initial & Hover)

The color of the action button text within each slide

Button Border (Initial & Hover)

The border color of the action button within each slide

Button Background (Initial & Hover)

The background color of the action button within each slide

The text color of the nav count

The color of the nav arrow icons and nav arrow button border

Background

The general background color of all slide

Setting Custom individual slide colors

By default all slides share the same colors, but you can set custom individual colors an a specific slide if desired.
Simply select the slide that you want to set custom colors for, and you will see a list of check boxes for toggling custom colors for different elements of the slide.
Check the options that you would like to customize, and then use the color inputs to set the desired color.

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

Scroll Shift Stack

Scroll Shift Screenshot

Scroll Shift is the ultimate tool for adding seamless scroll-based animations to your web design projects. Create captivating and engaging websites by effortlessly animating elements as the user scrolls through the page. This tool can bring your designs to life with smooth transitions, eye-catching movements, and precise timing.

Create captivating visuals by linking multiple elements together to form a stacked layer effect. These elements can separate and come together to form a unified element, adding depth and dimension to your designs. The possibilities are endless as you craft intricate animations that leave a lasting impression.

Drive attention to essential content by implementing animations that trigger only when the user scrolls past a specific section. By strategically timing the animations, you can ensure that users take notice of crucial information and engage with your content effectively.

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

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

RapidWeaver is a trademark of Realmac Software