Core Elements

2 Assets • 1 Creator

CSS tricks with core YOOtheme Pro elements

[FS] Corner Label from Meta Text

This effect turns the .el-meta text into a stylish corner ribbon on your cards. The ribbon automatically aligns to the top-right corner, preserves the original meta content, and supports dynamic coloring via tags or custom variables. A small triangular accent at the bottom enhances the classic ribbon look. Perfect for highlighting featured items, hot labels, or custom statuses.

19n1i REV 1 • Sep, 2025

Flart Studio

136

layout

[FS] Truncate Content (Line Clamp)

The layout contains several YOOtheme Pro elements with a line-clamp custom CSS applied. This style shortens long text by limiting it to a set number of lines. The effect is applied via Custom CSS in the Advanced tab of each element. You can adjust the number of visible lines in the code (for example: 2, 3, or 4) to best fit your layout. Any extra text will be hidden automatically with an ellipsis (…) so your design stays neat and consistent.

65m7g REV 1 • Sep, 2025

Flart Studio