Swellのリッチカラムに背景色を付ける方法

Swellのリッチカラムはとても便利だけど、ブロックを選択して右カラムの設定メニューから背景色を付けることができない。

通常のボックスであれば、こういう設定項目が出てきますよね?

だけど、リッチカラムについてはカラムを選択しても色系のメニューが出てこない。

なので、CSSで対応する必要がある。

以下例示

これはリッチカラム a

追加CSSの名前は richa-column

これはリッチカラムb

追加CSSの名前は richb-column

左のリッチカラムaの追加CSSに「richa-column」を設定。

右のカラムも同様にしょり、「richb-column」を設定。

これで、どこに色を付けるのか、と言うターゲットは明確にできたので、後は色を付ける指示をするだけ。

エディター下部にある「CSS用コード」欄に指示文となるCSSコードを貼り付ければOK.

対象のコードは以下でコピー可能。

.richa-column,
.richb-column {
 background-color:  #F09F4D; /* オレンジ */
}
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次