Skip to Content

What are you looking for

Site designer

Backing up your design and reusing it
In any case you want to backup your TwentyThree design you can easily do this from the TwentyThree backend. A backup could include layout, styling, video players and static pages combined. It's always a good idea to download a backup...
Build your site using Bootstrap
TwentyThree is set up to work seamlessly with the Bootstrap HTML, CSS and JS framework. Bootstrap is essentially a collection of reusable components commonly used to build websites, including but not limited to: navigations, tabs,...
The code editor
The code editor in TwentyThree works in the browser and is used to manage all the code and style that makes up the platform. It will allow you to make changes to: The HTML and Liquid behind all layout blocks.The HTML and Liquid behind...
How to build design themes in TwentyThree
TwentyThree allows for the development of themes utilizing Frameworks such as Sass and Bootstrap, enabling designers to create rich video websites. The video below guides you through the creation of a theme from scratch, from the...
Custom designed templates
Allow custom design to your log-in pages You are free to re-design and fully manage the look and feel of log in, sign up and forgotten password pages. Find the pages under Site Designer → Page templates. Modify the design using HTML,...
Hosting of design files
In TwentyThree we do not only host the videos but also the full design of a video website and video player. This means you can upload any asset file or other graphics under Site Designer → Files. To upload a file you can either use...
Introduction to Liquid
If you want full control over the layout of your TwentyThree site and styling using CSS and JavaScript simply is not enough, you can edit the HTML markup generated for your video site directly using the Liquid templating...
Liquid Tags
As in most programming languages, you can control the logic of Liquid using tags. We currently support the following tags: if/else/unless An if-statement lets you define output based on a conditional expression. It checks whether an...
Liquid Filters
The following is a full list of the output block filters supported by the Liquid markup implementation used in TwentyThree. If you are not already familiar with the Liquid templating language, we recommend that you first read our...
The standard grid and its markup
Every part of the layout and markup on a TwentyThree can be changed to fit your exact needs. The markup of every template, page and layout can be customized, and you can upload your own graphics, stylesheets and scripts. This document...
Styling your site using CSS and Sass
When your HTML grid has been set up and configured using layout blocks, all the remaining styling and design is done using three complementary parts of the TwentyThree design engine: CSS (or Cascading Style Sheets) lets you style any...
Theme Options
Using Theme options, developers can turn simple designs into customizable themes where ordinary users can modify logos, colours, fonts, and sizes in a structured fashion through a UI under Inbound → Customize theme, foregoing the need to...
Working with layout blocks
When building your video website, you have full control of how your video content is presented. For styling, you write your own CSS, for modifying behaviour or extending built-in functionality, you can use JavaScript; and when deciding...
Layout blocks for live event pages
As with your video website, you have full control of the design and functionality of your live event page. Read the articles Working with layout blocks and Styling your site using CSS on how to set up your video website using CSS and...
Uploading assets to TwentyThree
The TwentyThree platform allows you to customize the branding of the content you publish by uploading your own thumbnails, play buttons, email headers and so much more. Here is a helpful guide for best practices to ensure that your...