賢威7のフッターの文字色・文字の大きさ・背景色を変更する方法

スクリーンショット 2016-03-15 15.51.36

 

 

今回は賢威7のフッターの文字色・文字の大きさ・背景色を変更する方法を解説していきます。

フッターの作成方法はコチラから

⇩賢威についての詳しい情報は下記から⇩
賢威公式サイト
 

フッターの文字色と背景色を変更する

 

フッター作成した時点では以下のような感じになっています。

スクリーンショット 2016-03-15 15.41.57

 

文字色を変更sする際はbase.cssから以下の場所は探してください。

 

/*——————————————————–
フッター
——————————————————–*/
.site-footer{
background: #000;
color: #000;
}

.site-footer-in a{
color: #fff;
}

 

background=背景

color=文字色

 

になるのでここを変更すればいいです。

試しに文字を黒、背景を白にしてみましょう。

※文字色の変更は.site-footer-inのcolorを変更してください

 

スクリーンショット 2016-03-15 16.04.58

 

このように変更することができました。

 

文字の大きさを変更をする

 

次はフッターの文字の大きさを変更していきます。

先ほどの箇所にfontsize: 2em;と追記します。

◯emの数字は自由に変更してください。

 

.sitefooter{
background: #000;
color: #000;
fontsize: 2em;
}
スクリーンショット 2016-03-15 16.09.17
この設定だとフッターの下のcopyrightの部分まで一緒に大きくなってしまうので、ここの大きさを変更する必要があります。
.copyright small{
font-size: 50%;
}
すぐ下にコピーライトの欄があるので、そこのfont-sizeを調整してもらえれば大丈夫です。
100%⇒50%に変更しました。
スクリーンショット 2016-03-15 16.13.19

いい感じに調整することができました。

 

 

賢威7カスタマイズ大図鑑へ戻る

副業から月収10万円以上を安定的に稼ぐ力を身につける無料メルマガ講座

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-16-37-15

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

コメントを残す

自己紹介・挨拶がないコメントに関しては返答を控えさせて頂きます。
サブコンテンツ

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

キラの公式LINE@

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-29-7-40-42

このページの先頭へ