Skip to main content
CSS: Hide user information

How to remove user information under the displayed magazine

Linus avatar
Written by Linus
Updated yesterday

In order to remove the information regarding the username, views and the flag icon displayed in a box below the magazine-player (marked in red in the screenshot) please follow these steps:

  • Navigate to the WEBKiosk overview of your account by selecting the "My WEBKiosks" tab from the drop-down menu in the upper right corner:

  • On the next page, look for the "Overview" area, which displays all the WEBKiosk entries currently saved in the account and click on the pencil button on the right-hand side of the respective entry to open the settings page for the selected entry:

  • After the settings page for the respective WEBKiosk has loaded, please look for the "CSS Styles" tab in the left-hand side navigation bar to subsequently check what CSS style is currently active for the kiosk in question:

    The currently selected CSS Style shown in the "CSS Styles" area shows and determines the CSS style that is currently in use for the kiosk.

  • Now that the currently active CSS Style is known, please move back one step until you arrive at the WEBKiosk overview once again and select the "CSS Styles" tab from the navigation bar on the left-hand side to navigate to the overview of CSS Stylesheets available in the account.

  • Look for the previously determined active stylesheet within the list of available CSS styles and click on the pencil button on the right-hand side to open detailed settings for the CSS style you would like to adjust: (for this example we determined that the "Linus Test CSS" is currently in use and will subsequently change the settings of this CSS stylesheet)

  • In the following pop-up, select the "CSS" tab in order to access the CSS stylesheet for your Webkiosk and add the following lines of code into the CSS code area:



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

    display: none;

    }

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

display: none;

}

If the CSS code area already contains CSS code, please add the lines shown above at the top of the stylesheet. The resulting CSS sheet for a CSS style without any additional code should look like this after adding the code segment above:

  • To finish the process and subsequently use the Kiosk with the adjusted settings click the "Save" button and reload the Webkiosk page afterwards.

Did this answer your question?