【SWELL】投稿リストの文字色を変更する方法

SWELL「投稿リスト」の文字色を変更する方法について解説します。

以下では定番の白文字以外にも任意の色に変更方法についても併せてご紹介！黒背景など濃いカラーの背景使用の際におすすめのカスタマイズです。

あわせて読みたい

【SWELL】記事スライダーのドットを任意の画像に変更する方法 SWELLの記事スライダーのドット（ページネーション）を任意の画像に変更する方法をご紹介いたします。 記事スライダーのカスタマイズプレビュー 記事スライダートップペ…

あわせて読みたい

SWELLで使える！動くアイコン 一覧【SVG】 SWELLやArkheで使える！動くアイコンをご紹介いたします。SVGタグで簡単にアニメーション付きアイコンが使用できます。 編集画面でも表示され、とても使いやすいためSWE…

カスタマイズ使用例とプレビュー

 CLICK
変更前と変更後を比べてみよう！

投稿リストの文字色を
変更する方法

追加CSS

/*---text color white---*/
.white-color {
color: #FDFDFD;/*任意のカラーに変更できます*/
}

上記CSSコードを「追加CSS」に追記してください。
「追加CSS」の場所がわからない場合は以下をご覧ください。

コードの3行目のカラーコードを書き換えると文字を任意の色に変更できます

 【追加CSS】の場所を見る

CSSコードの貼り付け場所

ダッシュボード 外観 カスタマイズ 追加CSS の手順で「追加CSS」を開き、CSSコードを追加してください。

追加 CSS クラスに入力

投稿編集画面にて、呼び出したSWELLブロック「投稿リスト」を選択した状態で追加 CSS クラス（設定（右横）｜ブロック 高度な設定 追加CSSクラス）に「white-color」と入力

入力後プレビュー画面にて文字の色が変更されているか確認してください。
※投稿編集画面上では反映されません

【コピー用に使用してください】

white-color