diff --git a/_dev/src/components/RightPanel.vue b/_dev/src/components/RightPanel.vue
index d6dde43e..fdd66bdd 100644
--- a/_dev/src/components/RightPanel.vue
+++ b/_dev/src/components/RightPanel.vue
@@ -218,23 +218,17 @@ emitter.on("globalSave", () => {
-
+
+
diff --git a/classes/PrettyBlocksModel.php b/classes/PrettyBlocksModel.php
index c90ea586..b51c232d 100644
--- a/classes/PrettyBlocksModel.php
+++ b/classes/PrettyBlocksModel.php
@@ -621,7 +621,8 @@ private function _getBlockTemplate($block)
private function _getDefaultParams($block)
{
$options = [
- 'container' => true,
+ 'container' => false,
+ 'force_full_width' => false,
'load_ajax' => false,
'is_cached' => false,
'bg_color' => '',
diff --git a/src/Controller/AdminThemeManagerController.php b/src/Controller/AdminThemeManagerController.php
index 124962b2..34d99bdf 100644
--- a/src/Controller/AdminThemeManagerController.php
+++ b/src/Controller/AdminThemeManagerController.php
@@ -291,6 +291,7 @@ public function indexAction()
'auto_size_section' => $translator->trans('Auto sizing', [], 'Modules.Prettyblocks.Admin'),
'paddings_section_help' => $translator->trans('Padding is the space inside an element, between its content and its boundary', [], 'Modules.Prettyblocks.Admin'),
'margins_section_help' => $translator->trans('Margin refers to the space outside an element, separating it from other elements', [], 'Modules.Prettyblocks.Admin'),
+ 'force_full_width' => $translator->trans('Stretch section to 100%', [], 'Modules.Prettyblocks.Admin'),
],
'security_app' => [
'ajax_token' => \Configuration::getGlobalValue('_PRETTYBLOCKS_TOKEN_'),
diff --git a/views/css/_dev/main.css b/views/css/_dev/main.css
index bd981dbd..7c9176ff 100644
--- a/views/css/_dev/main.css
+++ b/views/css/_dev/main.css
@@ -159,4 +159,13 @@
font-size: 1rem;
margin: 0.5em 0;
padding: 0 0.5em;
- }
\ No newline at end of file
+ }
+
+.container_force-full,
+._force-full{
+ width: 100vw;
+ position: relative;
+ left: 50%;
+ right: 50%;
+ transform: translateX(-50%);
+}
\ No newline at end of file
diff --git a/views/css/dist/main.css b/views/css/dist/main.css
index 2c2eda02..be11c8bd 100644
--- a/views/css/dist/main.css
+++ b/views/css/dist/main.css
@@ -786,6 +786,15 @@
padding: 0 0.5em;
}
+.container_force-full,
+._force-full{
+ width: 100vw;
+ position: relative;
+ left: 50%;
+ right: 50%;
+ transform: translateX(-50%);
+}
+
.hover\:tw_bg-blue-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));