カラー(色)の変更方法について(初心者向け)

EasyPage(イージーページ)のエディタでは、各パーツの「ソース」ボタンにて、個別でHTML/CSSを設定することができます。

本記事では、背景色、文字色の変更についてご説明いたします。

1.変更したいパーツの「ソース」ボタンでソースモードに入ります。

2.<style>から</style>までの部分はCSSを記述するところであり、詳しくない方でも、color(または *-color)のところに 「#*******(*は3桁または 6桁)」の記述があることがおわかりいただけるかと思います。

これはカラーコード(色)を定義しているところです。カラーコードを変更することによって、色を変更することができます。

通常の場合は、 

背景色は background(または background-color)で定義しています。

文字色は colorで定義しています。

枠(ボーダー、罫線)色は border(または border-top(上) 、border-right(右)、 border-bottom(下)、 border-left(左))で定義しています。

3.上記でカラーを変更できない場合は、全体(グローバル)で定義する可能性があります。

変更できない箇所の「ソース」でクラス(class=" "の部分)名を確認します。

global-*** からの記述がある場合は、削除する、または、エディタ一番上にある「row」の「ソース」で該当クラスを変更してください。