Swell子テーマのエディター用CSSの内容【備忘録・バックアップとして】

バックアップ及び備忘録として。
（今後、エディターのCSSをまだまだ修正するかもしれませんが、思い出すたびにこの記事も修正する予定です、、、）

Swell子テーマのエディター用CSSの内容【備忘録・バックアップとして】

現在のコードは以下の通り。2025.2.25

ファイル名：editor-style.css

.editor-styles-wrapper h1 {
    margin-top: 1.62em !important;
    margin-bottom: 0.62em !important;
    padding-top: 1.62em !important;
    padding-bottom: 0.62em !important;
}

.editor-styles-wrapper h2 {
    margin-top: 1.62em !important;
    margin-bottom: 1.62em !important;
}


.editor-styles-wrapper h3 {
    margin-top: 1.62em !important;
    margin-bottom: 1.62em !important;
    border-left:solid 6px !important;
}

.editor-styles-wrapper h4 {
    margin-top: 1.62em !important;
    margin-bottom: 1.62em !important;
}

.editor-styles-wrapper h5 {
    font-size: 1.1em !important;
    margin-top: 1.62em !important;
    margin-bottom: 1.62em !important;
}


.editor-styles-wrapper li{
    margin-left:20px !important;
} 

!importantを使いまくりですが、（自分の認識では）仕方ないと考えています。
（詳細は以下記事にも記載しています）

editor-style.cssを作成する
子テーマ直下にeditor-style.cssというファイルを新規作成します。

修正方法

「外観」→「テーマファイルエディター」→「ビジュアルエディターのスタイルシート」から修正できるようです。