You can do this by embedding inline styles to every page, via creating a chunk of custom css code contained between <style>
and </style>
.
- Go to your site's dashboard.
- Click Manage Website on the left.
- Click Tracking & Analytics.
- Click + New Tool **and select **Custom from the dropdown.
- Set up your custom code:
- Enter your custom code.
- Select the relevant domain. Note: This option will appear only if you have multiple domains.
- Enter a name for your custom code.
- Add Code to Pages: Select which pages to add your code to:
- **All Pages: **Click the dropdown to select an option:
- Load code once.
- Load code on each new page.
- **Choose specific pages: **Begin typing the name of the relevant pages and then click the checkbox next to the relevant page.
- Place Code in: Select where the code snippet in placed in your site's code:
- Head - as noted by @Daniel Gurtner, avoid this because it'll insert it BEFORE any of the inherent styles, which makes it mostly useless here.
- Body - start
- Body - end Note: I'd recommend adding your style chunk here to avoid having a delay effect on your loading
- Click Apply.