This is a main section where you edit your website. By default it has always white background:

The content width is setup in HTML inside the global configuration line with the  following classes:

• large-inner ( 1170px)
• has-large-content ( 95vw, max-width: 1500px )

If you don't have none of the above classes in your template, the width of the content section will be 980px

Here's a section in HTML actually where you can globally setup some default Jimdo elements:

<div class="hs-content bg-white form-white g-font mid-round-btn">
...

• bg-white  - the background color of the content section
• form-white -  the style of the contact form adapted for the white background ( the other classes can be form-line or o-form )
• g-font - necessary class for the Google Fonts
• mid-round-btn - in this case all default Jimdo buttons will have a mid-round shape ( the other classes round-btn, dark-outline-btn or none for the squared buttons )

From the previous section, we could see how to setup globally some default Jimdo elements in our content but we can also setup the styles of our buttons, colors or contact form using the Matrix Variables in Widget/HTML.

See the below live example where I add a custom section with dark background, white text and rounded buttons:

Here I added a module 'Columns' ( 1 column ) and out inside the heading, text and contact form.

Inside the same column I added a Widget/HTML with the following code:

<var> bg-primary color-white link-white form-line white-outline-btn add-20 mid-round </var>