Fifty Fifty Slider

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 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

Nav Count

The text color of the nav count

Nav Arrows

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.

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