Responsive Timeline

General

Line Thickness

Controls the thickness of the timeline in the center

Line Color

Controls the color of the timeline in the center

—

Content Blocks

Text

Determines the color of general text within the content area of each item

Headers

Determines the color of headers (h1, h2, h3, h4, h5, h6) within the content area of each item

Links

Determines the color of all links within the content area of each item

Content BG

Determine the background color of the content area

Triangle Size

Controls the size of the triangle on the side of each content area

Triangle Radius

Controls roudness of the triangle on the side of each content area

—

Icons

Icon Color

Determines the color of the actual Icon inside the Icon area of the item

Icon Background

Determines the background color of the outer part of the icon

Icon Background

Determines the background color of the outer part of the icon

Icon Size

Controls the size of the outer icon (Desktop, Mobile)

Icon Text Size

Controls the size of actual icon within the icon area (Desktop, Mobile)

Icon Margin

Controls the space around the icons in the center (Desktop, Mobile)

Icon Radius

Controls the roundness of the outer icon (Desktop, Mobile)

Border Weight

Controls thickness of the border around the outer Icon (Set to 0 for no border)

Border Color

Controls color of the border around the outer Icon

—

Dates

Text Color

Controls the color of the date text

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!

Blog