Applying CSS Styles to the HTML6 Editor

By default, the visual editor uses Bootstrap CSS along with DIV table and list styles. However, you can preview your code with any stylesheet by entering the absolute URL of a CSS file.

⚠️ Don't forget to apply your styles to the editor, clicking the ➤  arrow.

Load External CSS File

How to Load an External CSS File

Enter the URL – Type the absolute URL of your CSS file into the input field and press the triangle icon to load it. Only one external file can be used at a time.

Default Option – If no custom CSS is added, the editor will use Bootstrap CSS with div table support.

No CSS – Selecting this option removes all styles, allowing your browser's default stylesheets to take over.

Paste Your Own Styles

Prefer writing your own styles? Use the larger text area with syntax highlighting to enter your CSS code, then press the triangle button to apply it instantly.

You can mix both external and written CSS styles for maximum flexibility.

Useful Tips

  • The editor removes the <head> section so you can't define styles like that.
  • Use a well-structured CSS file to keep your styles organized and easy to modify. Compress or tidy up your styles with CSSeditor.com
  • If something doesn’t look right, check for conflicting styles between external and inline CSS.
  • Save commonly used stylesheets for quick access in future projects.