Access to Developer Tools - CSS, Head & Body JS

Access to Developer Tools - CSS, Head & Body JS

Note: The Developer Tools dashboard is only available to the Professional plan or higher. Learn more about liveBooks' subscription plans.

Developer tools allow you to add custom CSS and JS code to your site. The tools are not available by default; you can follow the steps below to gain access. To access the Developer tools, click the [<>] icon at the top of your liveBooks dashboard.

Only Owner and Admin roles can access the Settings panel. If your user account is under the Contributor role, you will need to ask the site Admin to grant you Developer permissions.

How to get Developer access

  1. Select the Settings icon (the "gear" icon) at the top of your liveBooks dashboard.
  2. Click on Users & Roles sub-header under Settings.
  3. Select the Edit button next to the user email you want to grant access to.

    Screen_Shot_2018-08-09_at_11.35.57_AM.png
  4. Check the Developer box and click Save.

    Screen_Shot_2018-08-09_at_11.36.49_AM.png
  5. Refresh your browser. You should now see an additional Developer icon in your Dashboard navigation bar (the box with arrows next to the gear icon).
Additionally, if you are wanting to add a new user with access to Developer tools, simply add the user as normal, enter in their email address, and select the same "Developer" box to grant them access to the tool.
 

Add CSS

The CSS dashboard lets you add custom code to alter the design of your site, beyond what is available in the Design panel. Any custom code added here will override the settings in the Design panel. 

Paste the code on the first empty line in the text area, then click Save when finished.

 

Access the Header

The Head JS dashboard is where you can add third-party scripts. Placing code or scripts here will place it in the Header, or section of your site. Note: If a script or application does not work after placing its code in the Head JS, try placing it in an HTML Block in your website's Footer instead.

Paste the code on the first empty line in the text area, then click Save when finished.

 

Access the Body

The Body JS dashboard is where you can add third-party scripts. Placing code or scripts here will place it in the Body, or section of your site. Note: If a script or application does not work after placing its code in the Head JS, try placing it in an HTML Block in your website's Footer instead.

Paste the code on the first empty line in the text area, then click Save when finished.

 

Fonts

Navigate to the Fonts dashboard to include additional Adobe Fonts fonts not specified in the design panel. When using the font in CSS, you must use the specified font family. Use the "star" icon next to each font preview to select fonts that you may want to use later.

 

Editor Preferences

Navigate to the Preferences dashboard to set the editor preferences. This will change how the editor looks. Changes made here are reflected in the other sections of the Developer tool and custom HTML blocks.


    • Related Articles

    • Install Google Tag Manager

      Note: This article walks through adding Google Tag Manager to your website. For adding the Google Analytics GA4 Tag, please refer to this article. When adding Google Tag Manager to your website, you will want to make sure it "fires" on all pages. To ...

    • Add External Stylesheets/Script to Your Website

      Our advanced developer tools allow you to place external stylesheets or scripts on your site, either before or after the existing custom file. See steps below for specific direction on adding stylesheets or scripts into the or portion of your site ...

    • Add a Shopify Button

      You can add a Shopify buy button to your website by using an HTML block. You can set this up by following the instructions below. 1. Login to your Shopify admin area, then select Buy Button. 2. Click Select product. 3. Select a product from your ...

    • Can I gain access to a website site using FTP?

      While we allow you to fully manage and design your site, it is not possible to access a liveBooks website site using FTP (File Transfer Protocol). This is due to your website and platform being proprietary to our server, as all content and images are ...

    • Verify & Submit Your Website Sitemap to Google and Bing

      When you submit your sitemap to Google and Bing you can gain access to their various webmaster tools. These tools allow you to track how your website is performing in search results, which keywords your website appears for, find which websites ...