[Feature] Additional Content Wrapper for All Design Objects
Problem:
Currently, div.cp-widget-container
directly contains the widget elements, which limits layout flexibility.
Suggestion:
It is recommended to introduce an additional content wrapper element below div.cp-widget-container
for all widgets (videos, text, images, quizzes, etc.). This new wrapper should hold the actual content and control its maximum width, while the outer container can still be used for full-width background styling.
Benefits:
1. Full-width background support: The existing div.cp-widget-container can continue to provide full-width background styling (color, image, etc.), stretching across the entire slide.
2. Controlled content width: The new inner wrapper (e.g., div.cp-widget-container__inner
) should hold the actual content and define a maximum content width (e.g., 880 px) to center and structure the layout consistently. This is especially useful for long pages, where controlled content width improves readability and design consistency.
3. Standardized structure for all widgets: With a consistent wrapper structure across all widget types, responsive layouts and spacing can be applied uniformly. This reduces the need for widget-specific adjustments and ensures consistent design patterns across projects.
Summary:
Adding an additional content wrapper inside div.cp-widget-container
would significantly improve layout flexibility and enable a more professional, consistent design across all widgets in Captivate.
