How to add/remove the Prototype Text

1

We have now made more than 800 prototypes with the Blippa system.
Since these prototypes are actually working demos with company logos, it is a good practice to add a “Prototype” overlay.

To do this (or to remove it): Go to Labelsadmin-Settings-Page Design-Advanced-Use CSS and add this:

/* prototye overlay */
.label-container::before {
    content: "Prototype Project"; /* The text you want to display */
    position: fixed;
    z-index: 1000;
    top: 50%; /* A Center the text vertically */
    left: 50%; /* Center the text horizontally */
    transform: translateX(-50%) rotate(-70deg); /* Center and rotate the text */
    font-size: 40px; /* Adjust font size as needed */
    color: #000; /* Text color */
    background-color: #ffcc00; /* Background color for the text */
    padding: 2px 5px; /* Padding around the text */
    border-radius: 3px; /* Optional: rounded corners */
    white-space: nowrap; /* Prevent text from wrapping */
    opacity: 0.5; /* Transparency */
    pointer-events: none; /* Allows clicking through the text */
}

Example: Stockholm - by Risto Mitts