--- title: Website Overlay url: "https://www.toujou.com/service/toujou-set-up/website-overlay/" date: 2020-02-19 modified: 2022-09-27 --- # Website Overlay 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou set-up](https://www.toujou.de/service/toujou-set-up/) 4. [Website Overlay](https://www.toujou.de/service/toujou-set-up/website-overlay/) Website Overlay Settings ======================== Here you can control page overlays that are to be displayed above the actual content when visitors access your website. Tab: »Website Overlay« On this page Create overlay pages -------------------- To use toujou’s overlay pages, the page type must first be filled with content. The following tutorial will help you to set up one or more overlay pages manually. [ ![](https://www.toujou.de/_assets/processed/6DGDHvOAMOqJYPNXp7O6aMfAxMwFTUXvC04A-Idckj8/q:85/w:433/h:271/fn:Y3NtX0VOXzAxX1NlaXRlX2Vyc3RlbGxlbl9lYWMyNjY5NmUw:t/cb:3e31f7afca4e8fa180ed41d6e15e08e74d33d96f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAxX1NlaXRlX2Vyc3RlbGxlbi5wbmc) ](https://www.toujou.de/_assets/processed/VGyrd718PNAcu1rWZAdkUKKr_3ypVXiG4282KfquCcE/q:85/w:1024/h:640/fn:Y3NtX0VOXzAxX1NlaXRlX2Vyc3RlbGxlbl8zNzYzNWRiNjRh:t/cb:3e31f7afca4e8fa180ed41d6e15e08e74d33d96f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAxX1NlaXRlX2Vyc3RlbGxlbi5wbmc) ### Create a content page - Above the page tree you will see all available page icons. - Click on the black document icon (»Content Page«) and drag and drop it to the desired position within your page tree. - A thin line indicates in which area the new page will be sorted when you move over the page tree during the drag and drop process. [ ![](https://www.toujou.de/_assets/processed/Nx5TB9jmyW6bYkxPNT_CgpB8_HS2UHNW1OGD8ntHKPw/q:85/w:433/h:271/fn:Y3NtX0VOXzAyX1NlaXRlX2JlbmVubmVuX2FhMGNmMmEyYjg:t/cb:bf6801ef2ed00a65d547f8320cec2ccacb7642e2/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAyX1NlaXRlX2JlbmVubmVuLnBuZw) ](https://www.toujou.de/_assets/processed/O5WKF8KEp3HNpevgWe80P_sri25c9kAwNcWWejC5WVc/q:85/w:1024/h:640/fn:Y3NtX0VOXzAyX1NlaXRlX2JlbmVubmVuX2Y4MDllNjE3NDk:t/cb:bf6801ef2ed00a65d547f8320cec2ccacb7642e2/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAyX1NlaXRlX2JlbmVubmVuLnBuZw) ### Name the page - Each new page initially has the title *\[Default Title\]*, which you can overwrite immediately after creating the page. - Give the content page a new title; in our example, we will first create an age-restriction overlay page and name it »Age restriction«. - You can also [edit the title later](https://www.toujou.de/service/tutorials/page-properties/). [ ![](https://www.toujou.de/_assets/processed/tib-KpDve7FeLABeCJRjNUmFXw5BXcfe1ajVhSO2K_U/q:85/w:433/h:271/fn:Y3NtX0VOXzA1X1NlaXRlbnR5cF9hZW5kZXJuX2U1MGYxNmZjNTU:t/cb:17a53f9b6f88a6ce3dab4d6f7a79dde2e4f0ecab/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA1X1NlaXRlbnR5cF9hZW5kZXJuLnBuZw) ](https://www.toujou.de/_assets/processed/HxpqIZgyMVBDCjVMr2da1Elqs0E0_uh9_4IH545DpAA/q:85/w:1024/h:640/fn:Y3NtX0VOXzA1X1NlaXRlbnR5cF9hZW5kZXJuX2I1M2U2MzI0MzI:t/cb:17a53f9b6f88a6ce3dab4d6f7a79dde2e4f0ecab/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA1X1NlaXRlbnR5cF9hZW5kZXJuLnBuZw) ### Change page type - Stay in the *Page* module and click on the newly created page in the page tree. - Above the work space, open the page properties by clicking on the *edit* icon. - Stay in the *General* tab; there you will see the *Page* section at the top. - Click on the *Type* drop-down menu to see all available page types. - You can create an overlay page by clicking on **Overlay Page** and thus change the appearance of your previous content page. [ ![](https://www.toujou.de/_assets/processed/jZKiy4W7N8dl7TiQ0M9-c4-Wvh949cCdRU0urx-1yLw/q:85/w:433/h:271/fn:Y3NtX0VOXzA2X0FlbmRlcnVuZ19iZXN0YWV0aWdlbl85MWRjZDgyOTVk:t/cb:4321c090d8a223632f070577ebe649a161f2d111/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA2X0FlbmRlcnVuZ19iZXN0YWV0aWdlbi5wbmc) ](https://www.toujou.de/_assets/processed/Jyzox4ZjOd_KaEsUY-fcWD5MY9bVWGCyX_4ugrmLIYE/q:85/w:1024/h:640/fn:Y3NtX0VOXzA2X0FlbmRlcnVuZ19iZXN0YWV0aWdlbl9mYzEwOWZkY2U4:t/cb:4321c090d8a223632f070577ebe649a161f2d111/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA2X0FlbmRlcnVuZ19iZXN0YWV0aWdlbi5wbmc) ### Confirm the change - Since the change of the page type described above has consequences for the functionality and content of existing pages, you must confirm this change separately. - Therefore, click **OK** in the »Refresh required« window that now opens. [ ![](https://www.toujou.de/_assets/processed/Onpvmisn9j03btfKsn1kLSCrq9aUd1OefXm32ESondQ/q:85/w:433/h:271/fn:Y3NtX0VOXzAyX1NlaXRlX2JlbmVubmVuX25ldV9hOWI0M2JmYzk1:t/cb:af42a64a8180382bc3b515c9f0d2cb618d73beb8/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAyX1NlaXRlX2JlbmVubmVuX25ldS5wbmc) ](https://www.toujou.de/_assets/processed/Law5VG2O7FIVnfmwAzlgXsCAYNFcylEcX0PCR0r9uu8/q:85/w:1024/h:640/fn:Y3NtX0VOXzAyX1NlaXRlX2JlbmVubmVuX25ldV8wZmQ5NTkwNzJj:t/cb:af42a64a8180382bc3b515c9f0d2cb618d73beb8/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzAyX1NlaXRlX2JlbmVubmVuX25ldS5wbmc) ### Overlay page visibility - Stay in the page properties of the overlay page and click on the **Access** tab. - By default, pages under construction will be hidden. **Activate** the switch in the *Page visible* area to make the page visible in the front end to ensure the overlay is functioning. - By default, the new pages will be displayed in your navigation. In order to prevent the overlay page from being displayed in the menu, deactivate the visibility in the *Page enabled in menus* area by **deactivating** the switch. - **Save** your changes. Content for overlay pages ------------------------- [ ![](https://www.toujou.de/_assets/processed/Pw7pmT45uIp8oABRBRpFisOr_Bh8oKHH2HF39TTXWmQ/q:85/w:433/h:271/fn:Y3NtX0VOXzA3X0NvbnRlbnRfZXJzdGVsbGVuX2M5ZWNhODE3Y2E:t/cb:f48059f55d3f0800cd3e79aee32b46e1af847c4c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA3X0NvbnRlbnRfZXJzdGVsbGVuLnBuZw) ](https://www.toujou.de/_assets/processed/F0Fv-vf70yC_RoCMn_4yaulOZI6dHO0szDSI1kKuu44/q:85/w:1024/h:640/fn:Y3NtX0VOXzA3X0NvbnRlbnRfZXJzdGVsbGVuX2IyNjkyNzhhZWI:t/cb:f48059f55d3f0800cd3e79aee32b46e1af847c4c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA3X0NvbnRlbnRfZXJzdGVsbGVuLnBuZw) ### Create content - An overlay page differs from other page types because of its design options ([see front end view below](#c1007482)). - To help design the page, there is an *Overlay Content* area at the top and an *Overlay Conclusion* area at the bottom for text content. - For age-restriction pages: - *Button positive/Confirmation*: A button to confirm that visitors are of age. - *Button negative/Negation*: A button for visitors denial of majority. - *Age restriction hint on negation*: Warning text for underage website visitors after negation. - Fill the page as usual by clicking on the **+ Content** button in the respective page area. [ ![](https://www.toujou.de/_assets/processed/EJs_yCFoiCeNwe12YTtR0DA5AK6AQwSw3WqhYjJenKQ/q:85/w:433/h:271/fn:Y3NtX0VOXzA4X0NvbnRlbnRfQWdlX1Jlc3RyaWN0aW9uXzQ0NjU2MDQ2MmE:t/cb:5e2a9e03b9bd977ea78587df7ed2360b5976bd1c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA4X0NvbnRlbnRfQWdlX1Jlc3RyaWN0aW9uLnBuZw) ](https://www.toujou.de/_assets/processed/z3YWmbAOQsB9yo3mTztJfwQ7rYnMZiVzZMbFkJlTXZ0/q:85/w:1024/h:640/fn:Y3NtX0VOXzA4X0NvbnRlbnRfQWdlX1Jlc3RyaWN0aW9uXzllZmE0YWJhMDI:t/cb:5e2a9e03b9bd977ea78587df7ed2360b5976bd1c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0VOXzA4X0NvbnRlbnRfQWdlX1Jlc3RyaWN0aW9uLnBuZw) ### Content for Age restriction - The screenshot shows sample content in case you need to display an age restriction for your website offer. A prerequisite for the displayed content is a question about the age of your visitors, which you must include in the overlay content ([see front end view](#c1007482)). - For answers to the question »Are you of legal age to consume alcohol?«, the following content can be used as an example: - *Button positive/Confirmation*: »Yes« - *Button negative/Negation*: »No« - *Age restriction hint on negation*: »You must be of legal drinking age to enter this site.« Theme Settings: Overlay design and function activation ------------------------------------------------------ [ ![](https://www.toujou.de/_assets/processed/9CWsYXyCG8wI7f9u4F7q7omwU66hmXDlhjMXH3xOMKE/q:85/w:433/h:271/fn:Y3NtX0VOXzAxX1JlaXRlcl9PdmVybGF5X2VpbmJsZW5kZW5fNzkxNzE3NTM2OQ:t/cb:5c1d09868ca6af61252fb2689a3d2d0527d41e9d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDFfUmVpdGVyX092ZXJsYXlfZWluYmxlbmRlbi5wbmc) ](https://www.toujou.de/_assets/processed/VMj-v7OjpK4ltBkuRSg_wKpZyNIcYcfyUQ4TV4GacGs/q:85/w:1024/h:640/fn:Y3NtX0VOXzAxX1JlaXRlcl9PdmVybGF5X2VpbmJsZW5kZW5fNjFiYWNhMTgxZA:t/cb:5c1d09868ca6af61252fb2689a3d2d0527d41e9d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDFfUmVpdGVyX092ZXJsYXlfZWluYmxlbmRlbi5wbmc) ### Overlay settings - Click on the *toujou Theme* icon in the module overview of your website. - Click on the »Website Overlay« tab to open this setup section. - In the *Enable/Disable overlay* area, click on the red button **Overlay disabled** to activate the setup. [ ![](https://www.toujou.de/_assets/processed/PXVPybOPPjix_m_4Hyc8Q80UhvqUUf6Glhs8Lf8YcbA/q:85/w:433/h:271/fn:Y3NtX0VOXzAyX092ZXJsYXlfRGVzaWduc181NGJiYWZkMDIy:t/cb:dd91949e9b2d742424d24383d045d62d71a93433/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDJfT3ZlcmxheV9EZXNpZ25zLnBuZw) ](https://www.toujou.de/_assets/processed/qG1tarSAQpZ9zKeitaMX-QwSlkWJ2Lb8iC529qIJU9o/q:85/w:1024/h:640/fn:Y3NtX0VOXzAyX092ZXJsYXlfRGVzaWduc183NTU5ZDdlODI1:t/cb:dd91949e9b2d742424d24383d045d62d71a93433/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDJfT3ZlcmxheV9EZXNpZ25zLnBuZw) ### Design settings - *Fullscreen background image for the overlay*: In this section you can upload a full-screen background image that will be displayed behind your overlay content. - *Choose between light or dark overlay*: In case no image is used, a **Light** ([see screenshot](#c1007482)) or **Dark** ([see customer website](http://osborne.de)) mask will be added to the start page of your website. - *Display logo on top of overlay*: Set the switch to green if your logo is to be displayed above your content. - *Overlay font color*/*Overlay background color*: Set the predefined color values from the [Color Settings](https://www.toujou.de/service/toujou-set-up/color-settings/) or new color values. Note: Headlines that you may use in the content will be displayed in the regular primary and secondary colors. [ ![](https://www.toujou.de/_assets/processed/idiK_j3-fkUlfn72enguwsfldDML5Na5wkzLeRo33sY/q:85/w:433/h:271/fn:Y3NtX0VOXzAzX092ZXJsYXlfVHlwZV91bmRfU2VpdGVfZTJlNjk2ZmM5Nw:t/cb:3ce0c5e748240a96a0d0aa33967a0e3cdb8dcb75/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDNfT3ZlcmxheV9UeXBlX3VuZF9TZWl0ZS5wbmc) ](https://www.toujou.de/_assets/processed/DFcUsm0ikP-PTXSQyBCOCQ_S_wbJ1XsVkhG0XXsi6Xk/q:85/w:1024/h:640/fn:Y3NtX0VOXzAzX092ZXJsYXlfVHlwZV91bmRfU2VpdGVfMjNmZjQ5Yzg2Zg:t/cb:3ce0c5e748240a96a0d0aa33967a0e3cdb8dcb75/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDNfT3ZlcmxheV9UeXBlX3VuZF9TZWl0ZS5wbmc) ### Select overlay type and page - *Overlay type*: Here you define whether you (must) place an age restriction page or whether it is a »simple« page overlay. - *Overlay page*: You can apply different page overlays for different functions or actions and time periods. In our example, we created an overlay page for the launch of a new website and named the page accordingly for correct linking. - For both overlay types and both overlay pages, we added [front end views](#c1007258) below. [ ![](https://www.toujou.de/_assets/processed/Zuo1-lwFc6MDU952Os76OiZgNqXYICyXpojUw3kYLVo/q:85/w:433/h:271/fn:Y3NtX0VOXzA0X1NlaXRlbl9hdXNzY2hsaWVzc2VuXzI5MWM0NTZjM2I:t/cb:b32a9a5737d8735a26feb2c7790a06e1f413c1e5/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDRfU2VpdGVuX2F1c3NjaGxpZXNzZW4ucG5n) ](https://www.toujou.de/_assets/processed/kR3xfFuX6dV8QipVVGRfJuxnDSlXgmjSOXDkNiCYAxw/q:85/w:1024/h:640/fn:Y3NtX0VOXzA0X1NlaXRlbl9hdXNzY2hsaWVzc2VuXzk0ZWY5MDk4Y2Y:t/cb:b32a9a5737d8735a26feb2c7790a06e1f413c1e5/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL1RoZW1lLVNldHRpbmcvRU5fMDRfU2VpdGVuX2F1c3NjaGxpZXNzZW4ucG5n) ### Exclude pages from the overlay functionality - In the *Excluded pages from the overlay functionality* section, you ensure that important information about the collection of data and the ownership of your website is always accessible. - You should add service pages such as *Contact*, *Legal note* and *Privacy statement* to this section. - To do so, click on the **Page** button. The *Record selection* will open, in which your page tree will be displayed. Click on the corresponding page that you want to exclude from the overlay function. In our example: *Contact*. Front end view -------------- [ ![](https://www.toujou.de/_assets/processed/L_ZrqDYBHRUALIgTlXINWHsT7ESaeLBCZD5zM7erUm4/q:85/w:432/h:270/fn:Y3NtX0VOXzAwX1NpbXBsZV9PdmVybGF5X0Zyb250ZW5kX2U5ZDYyNjc0NzI:t/cb:3e25676b06f52b7a64c69f4371ae281544a7b893/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0Zyb250ZW5kL0VOXzAwX1NpbXBsZV9PdmVybGF5X0Zyb250ZW5kLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/02_toujou-theme/009_website_overlay/EN/Frontend/EN_00_Simple_Overlay_Frontend.png) #### Simple overlay with close button - In this sample view, you will see a simple overlay content to welcome you to a new website. - Highlighted are the website logo, which can be shown or hidden in the tutorial and - a close button in the upper right corner. After clicking this button, visitors can access all contents of your website. [ ![](https://www.toujou.de/_assets/processed/QE8-pv6yLQy5xbmyx0k-1oqKkV2I7QIMLmCsxKmWpc0/q:85/w:432/h:270/fn:Y3NtX0VOXzAwX0FnZV9PdmVybGF5X0Zyb250ZW5kXzBjOTVhZTk5ZmM:t/cb:3b9e006e85c90b6263641f4db8a6f4ac78397cca/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0Zyb250ZW5kL0VOXzAwX0FnZV9PdmVybGF5X0Zyb250ZW5kLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/02_toujou-theme/009_website_overlay/EN/Frontend/EN_00_Age_Overlay_Frontend.png) #### Age restriction overlay - In this sample view you can see all available content areas in use, including the age restriction buttons for *Confirmation* or *Negation*. - As described above, in order to use the buttons in the form of »Yes« and »No« as possible answers, a corresponding question must be formulated. - In our example we placed »Are you of legal age to consume alcohol?« into the *Overlay Content* area. [ ![](https://www.toujou.de/_assets/processed/3iHoUEn_nQAEaX78X3K-JV8YVXqXYf3Nc92yXZEiKok/q:85/w:432/h:270/fn:Y3NtX0VOXzAwX0FnZV9PdmVybGF5X0Zyb250ZW5kX25lZ2F0aW9uXzMyM2NjM2Y0YjA:t/cb:36aa9e350a621e556555e7949be888925db16ef9/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDlfd2Vic2l0ZV9vdmVybGF5L0VOL0Zyb250ZW5kL0VOXzAwX0FnZV9PdmVybGF5X0Zyb250ZW5kX25lZ2F0aW9uLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/02_toujou-theme/009_website_overlay/EN/Frontend/EN_00_Age_Overlay_Frontend_negation.png) #### Age restriction hint on negation - You have the option of informing underage visitors that the site may not be accessed. - In the event that visitors choose the »No« option, a notice you have created will be displayed (»You must be of legal drinking age to enter this site.«). - If visitors click the »Yes« option, the overlay window closes and all website content is available. ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)