Insert <style/> tag

To customize the look of your website, you can add your own custom <style/> tags, either by handwriting them directly in the editor or by linking to an external style sheet.

• Add a <style/> tag
• Link an external style sheet.

Add a <style/> tag

To add your own <style/> tag with your custom classes, follow these steps:

1. Open the Websites application in RevasOS;
2. Click Settings;
3. Click Custom code injection and start typing in the Custom code <\head> tag field or the Custom code <\body> tag field the tag with the classes, with a structure similar to this:

<style>
.YourCustomClass {
/* some styles */
}

.AnotherCustomClass {
/* some styles */
}

/* more classes */
<style/>

4. When you are done, make sure you know where the code comes from and how it works to ensure its safety. Once checked, select the Code is safe checkbox and then the Update custom code button to apply the code.

Link an external style sheet.

To add your external style sheet make sure you have it available on a public link then follow these steps:

1. Open the Websites application in RevasOS;
2. Click Settings;
3. Click Custom code injection and start typing in the Custom code <\head> tag field or the Custom code <\body> tag field the tag with the classes, with a structure similar to this:

<link rel="stylesheet" href="yourstyle.css">

4. When you're done, make sure you know where the code comes from and how it works to ensure its safety. Once checked, select the Code is safe checkbox and then the Update custom code button to apply the code.