Skip to Content

Custom designed templates

Site designer

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, Liquid and style it with CSS—just like you can with any other part of the TwentyThree website:

Go to: Using CSS variables in your stylesheet

Notice that your styling will only take effect if the user settings are modified to allow for custom-designed pages:

Custom designed user invites

You can also style the email sent from TwentyThree, as new users are invited to the platform.

Use CSS and liquid to modify the design (see above) and check what the emails currently look like by clicking «show preview mail».

Find the email template available for styling under Site Designer → Page templates → Emails.

Custom includes

With custom includes you do not have to edit each layout block every time you want to change the thumbnails on your site for example. Simply make the change once, in the custom include template for "Video Thumbnails". You'll find the custom include templates under Site Designer → Page templates in the TwentyThree backend. Read more about editing layout blocks in the article Working with layout blocks

Related articles

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...
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,...
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...
Introduction to Liquid
If you want full control over the layout of your TwentyThree site and styling using CSS and JavaScript simply is not...
Liquid Tags
As in most programming languages, you can control the logic of Liquid using tags. We currently support the following...
Liquid Filters
The following is a full list of the output block filters supported by the Liquid markup implementation used in...
Theme Options
Using Theme options, developers can turn simple designs into customizable themes where ordinary users can modify...
Working with layout blocks
When building your video website, you have full control of how your video content is presented. For styling, you...

Can't find what you're looking for?

Contact us