Rotate

General

Autoplay (Checkbox)

Here you can select whether or not the stack should rotate through text sections automatically

If you check this option, you will also see an input for setting the speed at which the items should rotate. 1000ms = 1 second;

Alignment (Horizontal)

Here you can determine the general alignment of text and content within the items. You can choose between Left, Right, or Center

Max Width

Here you can set a maximum width for the entire stack.

Content Width

Here you can set a maximum width for the content within the stack. This is useful when you want a full screen rotater without having your content stretch to fill the entire page.

Min Height

Here you can set a minimum height for the rotater.

Radius

Here you can set the corner roundness of the entire rotater.

Padding

This determines the amount of padding around the edges of the stack.

Rotate Items

Padding (Vertical & Horizontal)

Here you can set padding on the inside of the rotate items.

Icon Size

This sets the size of the item icons

Icon Spacing

This adjusts the amount of space below the item icons

Text Spacing

This adjusts the amount of space below the item text

Text Font

Here you can set a font for the item text. You can choose from a font within the dropdown list, or you can select custom to provide your own URL and font name.

Btn Radius

Each item has it’s own action button that you can link to a page. You can adjust the corner roundness of this button here.

Btn Text Size

Here you can adjust the font-size of the text within the action button.

Btn Padding (Vertical & Horizontal)

Here you can adjust the vertical and horizontal padding on the inside of the action button.

Btn Font

Here you can set a font for the action buttons. You can choose from a font within the dropdown list, or you can select custom to provide your own URL and font name.

Colors

Here you can specificy all of the colors for the stack. Styling is very simple. : )

Nav Btn Icon (Intial & Hover)

Here you can adjust the color of the arrow icons within the navivgation buttons that appear on hover.

Nav Btn Backround (Intial & Hover)

a
Here you can adjust the background color of the navigation buttons tha appear on hover.

Main Icon

Here you can set the color of the Item Icons.

Main Text

Here you can set the color of the Item Text.

Action Btn Text (Initial & Hover)

Here you can set the text color of the action buttons.

Action Btn Background (Initial & Hover)

Here you can set the background color of the action buttons on initial and hover states.

Background

Here you can set a background for the entire stack. Turn it off if you would like to place the rotater within your own custom section.

Enjoy!

Blog

Movable Windows

Posted On 12 Jan 2024

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

Tutorials