🚀 Advanced customization
The graphic style of a template comes from different elements that range from a basic and already very effective initial customization to advanced customizations that allow you to create complex graphic styles and advanced behaviors via scripts.
A one-of-a-kind website
With advanced customization you can take your website to the next level, creating a highly refined design and adding new features.
Code injection
Advanced customization on RevasOS uses code injection. Read the guide on how to inject code on RevasOS before proceeding.
Structure of a template
A RevasOS template has an intuitive and modular structure. The blocks that characterize a website are inserted into functional modules that allow for rapid and detailed identification and modification.
Make sure you understand how a template is structured to take full advantage of its components and customization.
Classes and Attributes
Each element in RevasOS has its own CSS classes and default data- attributes. Each class can be overridden to add your own style, and you can use data- attributes to create starting conditional styles without using Javascript.
Additional data
In addition to the default classes and attributes already present in the template, thanks to the use of additional data on RevasOS you can add to each element all the custom attributes you want, such as id, data-, style and class
Scripts
With RevasOS and code injection you can also insert Javascript scripts in the head and body of your website.
‼️‼️ Check the safety of a script ‼️‼️
Scripts execute arbitrary code on your website. If you are writing a script or injecting external packages, you MUST ALWAYS ensure before publishing that they are not executing malicious code and that external links are safe. Read the code injection security best practices guide
Resources
- 🔌 External integrations and tools: expand functionality and add external services such as newsletter forms, booking calendars or analytics tools,
- 🧩 Code snippets and components ready: a series of ready-made components that you can copy-paste into your site and customize to create sections with an advanced graphic style.