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...
Site designer
Use the Site Designer to customize your video and webinar touchpoints
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 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...
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...
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,...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...