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:
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">
...
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:
Vivamus elementum semper nisi. Curabitur turpis. Sed fringilla mauris sit amet nibh. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
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>