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