Elementen - Verdeler

Vouw in het deelvenster Page Builder Elements uit en sleep een tijdelijke aanduiding Divider naar een rij, kolom of tabset in het werkgebied.

Gebruik de rode hulplijn ter referentie wanneer u de scheidingslijn voor of na een andere inhoudscontainer in het werkgebied plaatst.

{width="600" modal="regular"}

In het volgende voorbeeld markeert de scheidingslijn het begin van een nieuwe tekstsectie.

{width="500" modal="regular"} scheiden

Volg de volgende procedure om de instellingen van de nieuwe scheidingslijn op te geven.

Beweeg over de verdelercontainer om toolbox te tonen en de pictogram van Montages te kiezen ( {width="20"}).

{width="500" modal="regular"}

Wijzig de scheidingslijn Line Color op een van de volgende manieren:

• Ga een geldige de kleurnaam van de HTMLin. Bijvoorbeeld Teal .
• Voer de hexadecimale kleurwaarde in. Bijvoorbeeld #008080 .

Klik op Apply als de bewerking is voltooid.

{width="600" modal="regular"}

Voer de Line Thickness in pixels in.

Voer de Line Width gevolgd door px of % in om de maateenheid aan te geven.

{width="600" modal="regular"}

Werk de instellingen van Advanced ​naar wens bij.

• Kies de optie Alignment als u de positie van de scheidingslijn in de bovenliggende container wilt bepalen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Optie	Beschrijving
  Default	Hiermee past u de standaardinstelling voor uitlijning toe die is opgegeven in het stijlblad van het huidige thema.
  Left	Hiermee lijnt u de lijst uit langs de linkerrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.
  Center	Hiermee lijnt u de lijst in het midden van de bovenliggende container uit, rekening houdend met de opgegeven opvulling.
  Right	Hiermee lijnt u het blok uit langs de rechterrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.

  In het volgende voorbeeld worden de opties zo ingesteld dat voor de scheidingslijn een uitlijning in het midden wordt gebruikt.

  {width="600" modal="regular"}

• Stel de stijl Border in die op alle vier zijden van de container van de scheidingslijn wordt toegepast:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Optie	Beschrijving
  Default	Past de standaardrandstijl toe die door het bijbehorende stijlblad wordt gespecificeerd.
  None	Geeft geen zichtbare indicatie van de containerranden.
  Dotted	De containerrand wordt weergegeven als een stippellijn.
  Dashed	De containerrand wordt weergegeven als een onderbroken lijn.
  Solid	De containerrand wordt weergegeven als een effen lijn.
  Double	De containerrand wordt weergegeven als een dubbele lijn.
  Groove	De containerrand wordt weergegeven als een gegroefde lijn.
  Ridge	De containerrand wordt weergegeven als een afgeronde lijn.
  Inset	De containerrand wordt weergegeven als een inzetlijn.
  Outset	De containerrand wordt weergegeven als een omtreklijn.

• Als u een andere randstijl dan None instelt, voert u de weergaveopties voor de rand in:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Optie	Beschrijving
  Border Color	Geef de kleur op door een staal te kiezen, op de kleurkiezer te klikken of door een geldige kleurnaam of een gelijkwaardige hexadecimale waarde in te voeren.
  Border Width	Voer het aantal pixels in voor de lijnbreedte van de rand.
  Border Radius	Voer het aantal pixels in om de grootte te bepalen van de straal die wordt gebruikt om elke hoek van de rand te afronden.

• (Optioneel) Geef de namen van CSS classes op uit de huidige stijlpagina die u op de container wilt toepassen.

  Scheid meerdere klassennamen met een spatie.

• Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en de binnenopvulling van de container van de verdeler te bepalen.

  Voer de overeenkomende waarden in het diagram in.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Containergebied	Beschrijving
  Margins	De hoeveelheid lege ruimte die wordt toegepast op de buitenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left
  Padding	De hoeveelheid lege ruimte die wordt toegepast op de binnenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left

Klik na afloop op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

{width="500" modal="regular"} wordt gecentreerd

Beweeg over de verdelercontainer om toolbox te tonen en te kiezen dupliceert ( {width="20"}) pictogram.

De gedupliceerde container wordt net onder het origineel weergegeven.

{width="500" modal="regular"}

Beweeg over de nieuwe verdelercontainer om toolbox te tonen en de Beweging te kiezen ( {width="20"}) pictogram.

{width="500" modal="regular"}

Selecteer en sleep de scheidingslijn totdat de rode hulplijn de nieuwe positie markeert.

De boven- en onderrand van elke container worden weergegeven als onderbroken lijnen terwijl de scheidingslijn wordt verplaatst.

{width="500" modal="regular"}