Beelduitlijning aanpassen

Afbeeldingsuitlijning helpt je om je afbeelding in het bedoelde gebied te houden, links, rechts of in het midden, en deze aan te passen om de site-ervaring voor de gebruiker te optimaliseren. Het helpt je ook om de verhoudingen van afbeelding en inhoud te behouden wanneer je de inhoud op je Knowledge base site verkleint.

Standaard zijn afbeeldingen op je Knowledge base site naar links uitgelijnd.

Centreer afbeeldingen in je Document360 kennisbank

Om afbeeldingen centraal uit te lijnen met aangepaste CSS, volg je de onderstaande stappen:

1. Navigeer naar () > Knowledge base site in de linker navigatiebalk in het Knowledge base portal.

2. Navigeer in het linker navigatiepaneel naar Site customization.

   De pagina bevat alle basisconfiguraties voor het siteontwerp.

3. Klik op de Site customization op Aangepaste CSS & JavaScript.

   

4. Selecteer in het linker dropdownmenu Custom CSS / JavaScript.

5. Klik rechtsboven in de coderuimte op Codefragmenten toevoegen, en er verschijnt een paneel, vooraf geladen met zeven fragmenten die je kunt gebruiken om je Knowledge base site aan te passen.

6. Klik op Center align afbeeldingen in artikelen, en het fragment wordt toegevoegd aan je Custom CSS-codeblok.

7. Klik op Opslaan.

   Bijvoorbeeld,

.content_block .content_container .content_block_text img{
margin: 0 auto;
display: block;
}

article img {
    margin: 0 auto !important;
    display: block;
}

De afbeelding wordt nu gecentreerd binnen het kader op je Knowledge base site.

Afbeeldingen uitlijnen

1. Het beeld links uitlijnen

.content_block .content_container .content_block_text img {
    margin: 0px 0 0;
    display: block;
}

article img {
    margin: auto 0 0 0 !important;
    display: block;
}

2. Het beeld goed uitlijnen

.content_block .content_container .content_block_text img {
    display: block;
    margin: 0 0 0 auto;
}

article img {
    margin: 0 0 0 auto !important;
    display: block;
}

Verwijder/wis een eerder toegevoegde codesnippet.

Om het eerder toegevoegde codefragment te verwijderen, selecteer je het bedoelde fragment en druk je op verwijderen op het toetsenbord.

OPMERKING

Voordat je een nieuw uitlijningsfragment toevoegt, vergeet niet het eerder toegevoegde te wissen.

De beelduitlijning die wordt ingesteld, wordt toegepast op de gehele kennisbasis.

Afbeeldingen op de Knowledge Base-site vergroten

Om de tekst- en afbeeldingsverhoudingen te behouden wanneer je inzoomt (vergroot) of uitzoomt (minimaliseert) op je Knowledge Base-site,

1. Navigeer naar () > Knowledge base site in de linker navigatiebalk van het Knowledge base portal.

2. Navigeer in het linker navigatiepaneel naar Site customization.

   De pagina bevat alle basisconfiguraties voor het siteontwerp.

3. Klik op de Site customization op Aangepaste CSS & JavaScript.

4. Selecteer in het linker dropdownmenu Custom CSS / JavaScript.

5. Klik in het linkerpaneel op CSS en plak het volgende CSS-fragment in de coderuimte:

.content_block .content_container .content_block_text img {
height: auto !important;
}

article img {
    height: auto !important;
}

6. Klik rechtsboven op Opslaan .