Basic Elements
Build your content with these versatile elements.
Basic elements can be found in the element library under Basic. They are the default elements in YOOtheme Pro and have their own content fields and settings. To learn more about general element settings, see the corresponding documentation.
The Alert element displays an error message.
The Code element displays code in a preformatted text block.
The Countdown element displays a countdown timer for a specific date.
The Divider element displays a horizontal divider.
The Headline element displays a headline with an optional link.
The HTML element displays custom HTML code.
The Icon element displays an SVG icon with an optional link.
The Image element adds an image with an optional link to your layout. By default, the link opens in a window. Alternatively, it can open in a modal.
The Newsletter element displays a newsletter signup for Mailchimp or Campaign Monitor.
The Overlay element displays an image with a content overlay. It has a Title, Meta, Description, Image and Link content field. This is very useful to group content into one element instead of using separate elements. If you have multiple overlays side by side, use the Gallery element which can display multiple items.
The Panel element displays a panel or a card with text and image. It has a Title, Meta, Description, Image and Link content field. This is very useful to group content into one element instead of using separate elements. If you have multiple panels side by side, use the Grid element which can display multiple items.
The Quotation element displays a quotation.
The Text element displays plain text.
The To-Top element Displays an icon which scrolls back to the top of the page.
The Video element displays a video file or a YouTube or Vimeo video.
Note Mind that the video file only autoplays on mobile when muted.
