Document Category: Basics

The Blocks directory

Basics

https://youtu.be/P-LsFfZ3o68?t=826 The blocks panel shows a directory of categorized HTML snippets. Clicking them will populate your block with the element you’ve chosen. As with sections Read more...

Read more

Adding Sections

Basics

Using Readymade sections We’ve enriched LiveCanvas with a collection of useful readymade sections to quickly get started in your projects. Click add new section, the Read more...

Read more

The LiveCanvas HTML structure

Basics

LiveCanvas builds  an HTML code structure based upon some simple rules - it mostly adheres to HTML best practices and Bootstrap 4 / 5 with Read more...

Read more

Creating editable regions

Basics

Defining simple, plaintext regions You can delimitate editable areas, allowed to contain plain text only, adding the editable="inline" attribute to any HTML tag. Some HTML Read more...

Read more

RFS: Responsive Font Sizing

Basics

https://www.youtube.com/watch?v=xw85WszcoIg Video Transcript Hello and welcome to LiveCanvas. In this video we’re going to talk about responsive typography, and discover how easy it is to Read more...

Read more

Header builder

Basics

LiveCanvas by default does leave header responsibility to the theme. Alternatively, it can take over and handle the header - giving you full code editing Read more...

Read more

The CSS editor

Basics

While the idea of LiveCanvas is that your HTML, united with the power of Boostrap  should be more than enough to do a complete site, Read more...

Read more

Add JS to a LiveCanvas page or website

Basics

We’ll show you how to implement and add JavaScript to a page within LiveCanvas. We're exploring how to add JavaScript code within the HTML editor Read more...

Read more