Zum Hauptinhalt springen
CSS: Benutzerinformationen ausblenden

So werden Benutzerinformationen unter dem angezeigten Magazin entfernt

Linus avatar
Verfasst von Linus
Gestern aktualisiert

Um die Informationen zum Benutzernamen, den Magazinaufrufen und des Flaggen-Symbols, welche im Feld unter dem Magazin-Player angezeigt werden (rot markiert im Screenshot), zu entfernen, befolgen Sie bitte diese Schritte:

  • Navigieren Sie zur WEBKiosk-Übersicht Ihres Kontos, indem Sie im Dropdown-Menü in der oberen rechten Ecke den Tab “WebKioske verwalten” auswählen:

  • Suchen Sie auf der nächsten Seite den Bereich “Übersicht”, der alle derzeit im Konto gespeicherten WEBKiosk-Einträge anzeigt, und klicken auf den Stift-Button auf der rechten Seite des jeweiligen Eintrags, um die Einstellungen für den ausgewählten Eintrag zu öffnen:

  • Nachdem die Einstellungsseite für den entsprechenden WEBKiosk geladen wurde, suchen Sie bitte den Tab “CSS-Styles” in der linken Navigationsleiste, um zu überprüfen, welcher CSS-Stil derzeit für den betreffenden Kiosk aktiv ist:

    Der aktuell ausgewählte CSS-Stil, der im Bereich “CSS-Styles” angezeigt wird, bestimmt den derzeit für den Kiosk verwendeten CSS-Stil.

  • Nun, da der aktuell aktive CSS-Stil bekannt ist, gehen Sie bitte einen Schritt zurück, bis Sie erneut zur WEBKiosk-Übersicht gelangen, und wählen Sie den Tab “CSS-Styles” in der linken Navigationsleiste aus, um zur Übersicht der verfügbaren CSS-Stylesheets im Konto zu gelangen.

  • Suchen Sie den zuvor ermittelten aktiven Stylesheet innerhalb der Liste der verfügbaren CSS-Stile und klicken Sie auf die Stift-Schaltfläche auf der rechten Seite, um detaillierte Einstellungen für den CSS-Stil zu öffnen, den Sie anpassen möchten:
    (In diesem Beispiel haben wir festgestellt, dass der “Linus Test CSS” derzeit verwendet wird und die Einstellungen dieses CSS-Stylesheets werden in Folge geändert)​

  • In dem folgenden Pop-up-Fenster bitte den Tab “CSS” zu öffnen, um auf das CSS-Stylesheet Ihres Webkiosks zuzugreifen, und fügen Sie den folgenden Code in den CSS-Codebereich ein:

    ​#yp-mag-info-container .col-lg-2 {

    display: none;

    }

#yp-mag-info-container .col-xs-3 {

display: none;

}

Wenn der CSS-Codebereich bereits CSS-Code enthält, fügen Sie die oben gezeigten Zeilen bitte am Anfang des Stylesheets hinzu. Das resultierende CSS-Stylesheet für einen CSS-Stil ohne zusätzlichen Code sollte nach Hinzufügen des obigen Codeabschnitts wie folgt aussehen:

  • Um den Vorgang abzuschließen und den Kiosk mit den angepassten Einstellungen zu verwenden, bitte den Vorgang mit Klick auf “Speichern” abzuschließen undim Anschluss daran die Webkiosk-Seite neu zu laden.

Hat dies Ihre Frage beantwortet?