SiteOrigin Overlay Widget
The SiteOrigin Overlay widget overlays two sets of content with a transparent separation. The content for each layer is built with page builder, the overlay can be visible or only shown on hover.
The background color of the overlay is handled by the Overlay Modifier taken from your global Overlay settings and can be in one of two colors, Default and Primary or Transparent.
Positioning the Overlay Content inside the main Content is handled by the Position Modifier. The positioning can use any of the global Position and Position Size modifiers. For more information on positioning see the Feature Position information.
The Cover Position is an edge case and may require additional modifiers to position the Overlay Content. The Horizontal and Vertical modifiers will position the content inside the Overlay Content.
The Transition Template enables the required modifiers to transition in Overlay Content when hovered or focused. The Overlay Content can use any of the global transitions.
Transitions can also be applied to the main Content of the Overlay widget with the Content Transition Modifier adding an additional layer of feedback to the user.