Display any Jimdo module as fullwidth section
Add the module "Columns" with only one column. Then display any Jimdo module inside you'd like to be fullwidth. Now as the last module at the bottom of the column, display "widget/HTML" with the following code
<div class="f01">
</div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.f01)').addClass('has-padding is-fullwidth has-custom-caption is-img-maxed');
});
})(jQuery);
//]]>
</script>
Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Sed aliquam ultrices mauris. Mauris sollicitudin fermentum libero. Phasellus dolor.
<div class="f02">
</div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$( ".j-module:has(.f02)" ).wrap( "<div class='hs-fullwidth bg-primary color-white link-white white-outline-btn' />" );
});
})(jQuery);
//]]>
</script>
Morbi nec metus. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Cras ultricies mi eu turpis hendrerit fringilla. Vivamus quis mi.
Aliquam lobortis. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Phasellus consectetuer vestibulum elit.
Nullam sagittis. Fusce convallis metus id felis luctus adipiscing. Integer tincidunt. Fusce convallis metus id felis luctus adipiscing.
Morbi nec metus. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Cras ultricies mi eu turpis hendrerit fringilla. Vivamus quis mi.
Aliquam lobortis. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Phasellus consectetuer vestibulum elit.
Nullam sagittis. Fusce convallis metus id felis luctus adipiscing. Integer tincidunt. Fusce convallis metus id felis luctus adipiscing.
Write a comment
Sean (Wednesday, 03 July 2019 14:06)
Thank you for the amazing job that you are doing.
I wanted to ask how you would "Add the module "Columns" with only one column" when all columns come in pairs?
Serhiy (Wednesday, 03 July 2019 20:36)
@Sean you need to remove one column, so it will be only one
Matrix themes (Wednesday, 11 March 2020 10:25)
@Kathi you need to zoom out the page in admin mode and then resize the image to the full width size.
Alice (Wednesday, 29 July 2020 11:58)
How can you set Google map as a fullwidth without background? as you did above.
Matrix themes (Wednesday, 29 July 2020 13:28)
@Alice please provide your website url
Tom (Friday, 25 December 2020 08:50)
Now that javascript gets banned, how are we going to do this in the future?