Adding custom code or CSS

Custom code or CSS overrides in no-code guides.

David Batey avatar
Written by David Batey
Updated over a week ago

Nickelled let's you include custom code (this is in your settings area) which will be run on every guide view. This is a powerful way to customize your guides and tweak them if you want to make changes.

Below are some examples.

Example 1: Making a menu relative instead of fixed

   #menu {
       left: calc(50% - 500px);

Example 2: Renaming the guide title to make it clearer it's a guide:

 document.addEventListener('DOMContentLoaded', function() {
   document.title = 'Guide: ' + document.title;
 }, false);

Example 3: Adding custom tracking code

<script type="text/javascript">
  !function(){var||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var;e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+""+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";

If you're not sure how to make some changes it's best to speak to the Nickelled team so we can help you. Because any custom code you add will run on all your guides it's possible that you could disable your guides by accident.

Did this answer your question?