Inhaltsverzeichnis

    Detailbeschreibung: Registerkarte Layout (Portlet)

    In dieser Dokumentation lesen Sie eine Detailbeschreibung der Funktionen der Registerkarte Layout der Portlets im OnPage Composer. Sie erreichen die Registerkarte indem Sie den OnPage Composer öffnen, ein beliebiges Portlet auswählen, auf das Stift-Symbol klicken und in die Registerkarte Layout wechseln.

    Bereich A

    Hintergrundfarbe: Stellen Sie eine Farbe ein, die im Hintergrund des Portlets erscheint. Klicken Sie in das Eingabefeld und geben Sie direkt einen Farbcode ein oder wählen Sie eine Farbe aus der Farbauswahl aus.


    Schriftfarbe: Stellen Sie die Schriftfarbe für das Portlet ein. Klicken Sie in das Eingabefeld und geben Sie direkt einen Farbcode ein oder wählen Sie eine Farbe aus der Farbauswahl aus. Beachten Sie, dass die Einstellung Schriftfarbe bei einigen Portlets keine Auswirkung hat, da diese Einstellung durch individuelle Stylesheets (z. B. des aktiven Templates) überschrieben werden kann.


    Schriftgröße: Geben Sie die Schriftgröße in Pixel (px), em oder als Prozentsatz an, z. B. 5px, 0.5em oder 50%.

    Bereich B

    Innenabstand: Geben Sie ein, wie groß der Abstand zwischen dem Element, z. B. ein Bild oder ein Text, und dem Rahmen sein soll. Wenn Sie keinen Rahmen setzen, gilt der eingestellte Innenabstand als Abstand zu dem „gedachten“ Rahmen. Sie können den Abstand in CSS-Einheiten wie Pixel (px), em oder rem angeben, z. B. 1.5em oder 1rem. Wenn Sie nur eine Zahl ohne Einheit angeben, wird die Zahl automatisch als Pixel interpretiert.


    Rahmen: Geben Sie die Größe des Rahmens ein. Sie können den Abstand in CSS-Einheiten wie Pixel (px), em oder rem angeben, z. B. 1.5em oder 1rem. Wenn Sie nur eine Zahl ohne Einheit angeben, wird die Zahl automatisch als Pixel interpretiert.


    Außenabstand: Geben Sie an, wie groß der Abstand zwischen dem Rahmen und anderen Elementen sein soll. Sie können den Abstand in CSS-Einheiten wie Pixel (px), em oder rem angeben, z. B. 1.5em oder 1rem. Wenn Sie nur eine Zahl ohne Einheit angeben, wird die Zahl automatisch als Pixel interpretiert.

    Hinweis: Die eingestellten Außenabstände der Portlets sind feste Größen und passen sich nicht automatisch an verschiedene Bildschirmgrößen an. Um responsive Abstände zu erstellen, lesen Sie den Guide-Beitrag: Inhalte mit dem OnPage Composer zentrieren.

    Bereich C

    Rahmenstil: Wählen Sie aus dem Dropdown-Menü aus, ob und welche Art von Rahmen das Portlet haben soll. Wenn Sie nicht gesetzt auswählen, wird kein Rahmen angezeigt.


    Rahmenfarbe: Wählen Sie eine Farbe für den Rahmen des Elements. Klicken Sie in das Eingabefeld und geben Sie direkt einen Farbcode ein oder wählen Sie eine Farbe aus der Farbauswahl aus.


    Rahmenabrundung: Wenn Sie möchten, dass der Rahmen abgerundet ist, geben Sie hier einen Wert in Pixel (px), em oder als Prozentsatz an, z. B. 5px, 0.5em oder 50%. Je größer dieser Wert ist, desto stärker sind die Ecken abgerundet. Sie geben jeweils an, mit welchem Abstand zur Ecke die Abrundung starten soll.


    Bereich D

    Benutzerdefinierte Klasse(n): Geben Sie die CSS-Klassennamen ein, die dem Portlet per class-Attribut zugewiesen werden sollen. Die Klassennamen, die Sie vergeben, können mithilfe des aktiven Themes oder mit benutzerdefinierten CSS in den Template-Einstellungen angesteuert werden.


    Portlet verstecken bei XS/SM/MD/LG: Wählen Sie, ob das Portlet bei bestimmten Endgeräten ausgeblendet werden soll. Dabei steht XS für Mobiltelefone, SM für Tablets, MD für Desktop-PCs und LG für große Desktop-PCs.