Lightning カスタマイズ その2

カスタマイズ前の見出しと段落

 3種類の見出しの区別が分かりにくく、段落の文字も少し小さくなっている。

H2見出しをカスタマイズ

 以下の内容を「外観」→「カスタマイズ」→「追加CSS」に入れる。

.mainSection-title,
h2 {
    background-color:#00008b ;
    border-radius:5px;
    color:#fff;
    font-size:2.0em;
    padding: 0px 00px 0px 20px;
    line-height: 2.0em;
    }

H3見出しをカスタマイズ

 以下の内容を「外観」→「カスタマイズ」→「追加CSS」に入れる。

.mainSection-title,
h3 {
    color:#00008b ;
    font-size:1.8em;
    padding: 0px 0px 0px 20px;
    line-height: 1.00em;
    }

H4見出しをカスタマイズ

 以下の内容を「外観」→「カスタマイズ」→「追加CSS」に入れる。

.mainSection-title,
h4 {
    color:#00008b ;
    font-size:1.5em;
    padding: 0px 0px 0px 30px;
    line-height: 1.0em;
    }

段落をカスタマイズ

 以下の内容を「外観」→「カスタマイズ」→「追加CSS」に入れる。

.mainSection-title,
p {
    font-size:1.2em;
    }

カスタマイズ後の見出しと段落

 3種類の見出しがわかりやすくなり、段落の文字も少し大きくなっている。
 また、ここを変えるだけで、色や大きさをすべて変えることができます。

Follow me!