Align the image either left or right on the answer button

There are no settings or options to put the image side by side with the text on the answer button, however, a little CSS should do the job. Here is the CSS code: And here is the code explanation. Please feel free to adjust the code according to your needs. And here is the final […]

Read More

Version 1 and version 2 grid design differences

You might notice design differences between version 1 and version 2 of LeadsHook. The main reason for this is that version 1 uses bootstrap while version 2 uses pure CSS. One major difference between the two is the use of the grid system. Bootstrap Grid System Bootstrap includes a responsive, mobile-first fluid grid system that […]

Read More

How to create 2 columns in mobile view

Here is how to create 2 columns in mobile view. Step 1 Go to the decision tree scripts as shown in the image below. Step 2 Click on the “Add” button under the Decision Tree Scripts. Step 3 Add the code below. Step 4 Save and publish.

Read More

How to add CSS to a node

Its possible to modify the visual aspect of any given HTML in a node. As we are scripting, we should really do a comprehensive course on HTML & CSS first. I recommend the official W3C tutorial online: https://www.w3schools.com/ Once we understand that it will be relatively easy to modify the design of HTML elements in […]

Read More

How to use Google Fonts in LeadsHook

LeadsHook supports a number of fonts in the appearance settings. However, if you require a larger selection, that is also possible using Google Fonts & some custom CSS Instructions First, head over to: https://fonts.google.com/ Browse the available fonts and select one Open up the font dialog ( at the bottom of the window ) Then, […]

Read More

2 Column Layout on Mobile

By default, LeadsHook Decision trees display one column wide on mobile. If it has many questions, there will be a lot of vertical space. This means a lot of scrolling for your users. Before We can override this layout using custom CSS After First just create a new decision tree level script And then copy […]

Read More

Using the Appearance Settings

In this article we will show you how to design a decision tree using the appearance settings. You don’t need to have any web design skills. Although, it would make your job a lot easier if you are familiar with CSS. If you would like to learn HTML/CSS/JS we recommend you try the official tutorials: […]

Read More