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>
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us