フッターのカラーデザインは、基本選択したテンプレートカラーおよび
2色表示なので、もう一つ準じた色合いで表示される複合指定となっています

二重の色合いでやや細めですが、準じたカラーは基本色と同じにすることも
まったく異なる選択をすることもできます

複合表示

で、どこで色合いを変えるかですね

スタイルシートを開きます

カスタマイズ説明

以下が、は愛敬カラーを示していますが、選択テンプレートにより
カラーコードは異なります

>background-color: #999999;

background-color: #777777;

同一カラーで指定すれば、2重表示ではなく淡色になります

背景カラーの影響でフォントが、見ずらくなった場合は、FFF、白の指定を
好みに変えてください

color: #FFF;

ここです

==================================================
フッター
==================================================
*/
#footer {
border-top: 3px solid #d3d3d3;
>background-color: #999999;背景
color: #FFF;フォントカラー
font-size: 12px;
margin: 0 auto;
text-align: center;
}
#footer .inner {
margin: 0 auto;
overflow: hidden;
padding: 2px 0 2px;
width: 900px;
text-align: center;
font-size: 13px;
}
#footer a {
color: #FFF;
}
#footer p {
float: right;
overflow: hidden;
position: relative;
word-wrap: break-word;
}
#footlinkbox {
background-color: #999999;背景
padding: 10px 10px 5px;
text-align: center;
}
#footermenu {
ont-size: 0;
letter-spacing: -.40em;
line-height: 26px;
margin: 0 auto;
text-align: left;
max-width: 900px;
}
#footermenu span {
display: inline-block;
margin: 0 25px 5px 0;
*display: inline;
*zoom: 1;
}
#footermenu a {
border-right: 1px solid #d3d3d3;
color: #fff;フォントカラー
letter-spacing: normal;
line-height: 140%;
font-size: 12px;
padding-right: 25px;
text-decoration: none;
}
#footermenu a:hover {
text-decoration: underline;
}
#footer #footsub {
text-align: center;
max-width: 900px;
height: auto;
margin: 10px auto 0;
}
#footer .copyright {
display: block;
background-color: #777777;背景
line-height: 28px;
text-align: center;
font-size: 14px;
}

ここまではPC用デザインの変更です

スマートフォンの画面サイズは、基本色表示となります

スマートフォンでも色合いを変える場合は、直下に継続される

@media コード内の記述を書き換えてください

フッターカラーの変更手順
フッターのカスタマイズまとめ
トップページ

関連ページ

フッター内にテキストメニュー一覧を表示する方法

シリウスレスポンシブのサイト、ブログのフッター内にメニュー一覧を表示する構築法。他ブログサービスではよく見られるスタイルをシリウスへ導入してみましょう

フッターをワールドプレスみたいにワイド化してみよう

シリウスレスポンシブTPのフッター（footer）は、小さめで幾分迫力？不。で、縦、横ともワールドプレスみたいなワイドスタイルにカスタマイズしてみよう..という当サイトの僅かな提案？