Bij een boxed layout wordt elke pagina aan de linker- en rechterzijde van een marge voorzien. In deze marge kunnen geen elementen voor de website geplaatst worden.

In deze marge zal enkel de achtergrondkleur of – afbeelding zichtbaar zijn, zoals gedefinieerd in [General Settings][Background].
Voor toepassing van deze gekaderde layout dient een vinkje geplaatst te worden in het selectievakje [ Enable Boxed Layout ].

Met deze schuifregelaar wordt de maximale breedte van een sectie ingesteld. Het getal geeft de breedte aan in pixels (px).

De standaardwaarde van 1080 px is algemeen geaccepteerd voor laptops en desktop computers.
Benodigde aanpassingen voor tablets en mobiele telefoons vinden automatisch plaats.

De breedte kan aangepast worden met de schuifregelaar of door het aantal pixels in te voeren.

De website gutter width regelt de afstand tussen kolommen bij gebruik van 2 of meer kolommen.

Er kan uit 4 voorgedefineerde waarden gekozen worden:

1 – Geen marge tussen kolommen
2 – 3% marge aan de rechterzijde tussen kolommen
3 – 5,5 % marge aan de rechterzijde tussen kolommen
4 – 8 % marge aan de rechterzijde tussen kolommen

De hier gekozen afstand wordt gebruikt over de gehele website.
Indien gewenst kan plaatselijk van deze standaardwaarde afgeweken worden door in de kolom-eigenschappen ter plaatse voor andere waarden te kiezen.

De standaardwaarde is 3, maar kan veranderd worden met de schuifregelaar of door één vande hierboven genoemde waarden (1, 2, 3, of 4) in te voeren.
De resetknop zet de waarde terug op 3.

De standaardwaarde voor de breedte van de sidebar in Divi is 21% van de ingestelde sectiebreedte (Website Content Width). Door het selectievakje aan te vinken kan de breedte van de sidebar aangepast worden.

Na het aanvinken verschijnt een nieuwe schuifregelaar voor het instellen van de breedte van de Sidebar.
De gekozen waarde is een percentage. Standaard wordt er dus 21% van 1080 pixels (=standaard Website Content Width) = 227 pixels voor gereserveerd.
Deze waarde wordt gebruikt op alle pagina’s met een sidebar die NIET met behulp van de dVb (Divi Visual Builder) gemaakt zijn.

Op deze plaats wordt de verticale afstand (= top & bottom padding) tussen secties ingesteld.
De standaard padding van een sectie is 50 px voor zowel boven als onder.

De aanpassing kan gedaan worden met behulp van de schuifregelaar of door een getal (1..10) in te voeren. De gekozen waarde geeft een percentage aan, waarbij 1 staat voor 1%, 2 voor 2%, etc.

De hoeveelheid padding wordt berekend aan de hand van de ingestelde waarde en de breedte van de container (= sectie).

Dus bij een sectiebreedte van 1080 px en de hoogte op 2 dan heeft dat tot gevolg: 0,02 x 1080 px = 21,6 px padding boven en onder.

De resetknop zet de waarde terug op de standaardwaarde van 4.

Op deze plaats wordt de verticale afstand (= top & bottom padding) tussen rijen ingesteld.
De standaard padding van een rij is 30 px voor zowel boven als onder.

De aanpassing kan gedaan worden met behulp van de schuifregelaar of door een getal (1..10) in te voeren. De gekozen waarde geeft een percentage aan, waarbij 1 staat voor 1%, 2 voor 2%, etc.

De hoeveelheid padding wordt berekend aan de hand van de ingestelde waarde en de breedte van de container (= rij).

Dus bij een rijbreedte van 1080 px en de hoogte op 2 dan heeft dat tot gevolg: 0,02 x 1080 px = 21,6 px padding boven en onder.

De resetknop zet de waarde terug op de standaardwaarde van 2.

Beschrijving

Vervolg beschrijving over gehele breedte

Beschrijving

Vervolg beschrijving over gehele breedte