Custom styles

This example shows how to change the Article Editor CSS to your custom styles.

<!DOCTYPE html>
    <title>Article Editor</title>
    <meta charset="utf-8">

    <!-- css -->
    <link rel="stylesheet" href="/your-folder/article-editor.min.css" />

    <!-- custom css -->
    <link href=",400i,700,700i&display=swap" rel="stylesheet">
    .arx-content {
        padding: 40px;
    .arx-content p,
    .arx-content div,
    .arx-content h1,
    .arx-content h2,
    .arx-content h3,
    .arx-content h4,
    .arx-content h5,
    .arx-content h5,
    .arx-content ol,
    .arx-content ul {
        font-family: 'PT Serif', serif;
        font-size: 18px;
        line-height: 1.555;
    .arx-content h1 {
        font-size: 40px;
        line-height: 1.25;
    .arx-content h2 {
        font-size: 24px;
        line-height: 1.4;
    <!-- element -->
    <textarea id="entry">

    <!-- js -->
    <script src="/your-folder/article-editor.min.js"></script>

    <!-- call -->