Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

If you really need to customise the HTML and or CSS and you have someone who has some advanced skills in this area, then it's possible to customise / override the Webdadi Website code quickly and easily using GTM. You can preview any changes before publishing them as well, so you have peace of mind that you won’t break your Website!

In order to create Custom CSS using GTM here’s what you should do.

  1. Create a new Tag, name it and choose the Tag Type Custom HTML

  2. The following code is an example that you would type into GTM’s Tag HTML pane:

    Code Block
    <style id="custom-styles">
      .cms-page-header-image+.cms-content {
        margin-top: 0;
        background-color: bisque;
    }
      </style>

  3. Save

  4. Add a Trigger that fires only for a specific page to run your CSS or add a CSS Selector where if you want to override or include your new CSS. So you can trigger your CSS to fire on a specific Page or for a specific CSS Selector event like a Click to execute your CSS.

  5. Save your Trigger and now Preview your work

...