Google Tag Manager examples
GTM allows many type of customisations of your customer portal or website
Custom styles
Setup: create a user defined variable of type "DOM Element", selection method: "ID", element ID: "app", attribute name: "data-style-nonce"
Examples
1. Hide promo code field (self storage)
<style nonce="{{styleNonce}}"> /* hide promo field */ div:has(> .form-floating > [name="code"]) { display: none; } </style>
2. Hide unavailable unit-types (self storage)
<style nonce="{{styleNonce}}"> li:has([data-unit-type]) { display: none; } </style>
3. Hide collect later option (valet storage)
<style nonce="{{styleNonce}}"> /* hide collect immediately/later div */ div:has(> label>[name=collect]) { display: none; } </style>
4. Change the font
<style nonce="{{styleNonce}}"> @import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;600&display=swap'); :root { --bs-font-sans-serif: 'Cuprum', sans-serif; } </style>