Ribbon

See Preview

In this article you will find the unique information about Ribbon addition. If you want to learn about some more general issues like using a shortcodes or additions etc. See the list bellow or browse the general section.

Ribbon addition is available only for selected shortcodes:

Detailed description

Bellow you will find a table with all of the features and fields for this addition. On the right you will find a description for each field/section. All the settings are available in shortcodes popup, it will be displayed once you create a new shortcode or hit the edit (pencil icon) button.

General
Option Description
Main Preset Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More »
Style Choose ribbon style:
Classic: ribbon displays at one of its container corners;
Corner: ribbon wraps one of its container corners at 45° angle;
Full Width: ribbon spans from left to right side of its container.
Position Select ribbon position.
Size Select ribbon size.
Folds Check to disable folds. Disabling them will removing ribbon 3D effect.
Folds Color Choose folds color.
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Text Define ribbon text.
Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class Add your custom class to the element. Mostly used for custom CSS/JS.