ナビゲーションバーとフッターの色を変える

公開日:  最終更新日:2015/03/11

Gushのナビゲーションバーとフッターの色を変えます。

04

style.cssを開きます。パソコンサイズのナビバーとモバイルサイズの時のナビバーの箇所を変更します。


/*--------------------------------------
  ナビゲーション
--------------------------------------*/

nav#menu {
	margin-bottom: 24px;
	background-color: #444; /*この部分*/
}

.togmenu {
	display:none;
}

.menubtn {
	padding: 8px;
	background: #444; /*この部分*/
	color: #fff;
	text-align: left;
}


変更後↓


/*--------------------------------------
  ナビゲーション
--------------------------------------*/

nav#menu {
	margin-bottom: 24px;
	background-color: #b2002c; /*変える*/
}

.togmenu {
	display:none;
}

.menubtn {
	padding: 8px;
	background: #b2002c; /*変える*/
	color: #fff;
	text-align: left;
}


フッターの色を変えます。

05

style.cssを開きます


/*--------------------------------------
  フッター
--------------------------------------*/

#footer {
	padding: 24px 0;
	color: #fff;
	text-align: center;
	background-color: #444; /*この部分*/
	overflow: hidden;
}


変更後↓


/*--------------------------------------
  フッター
--------------------------------------*/

#footer {
	padding: 24px 0;
	color: #fff;
	text-align: center;
	background-color:#b2oo2c; /*変える*/
	overflow: hidden;
}

06

ナビゲーションバーとフッターの色が無事に変わりました。

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket

コメントを投稿

  • 自分の写真
    name
    Aya imai

    三人の子を持つ主婦です。パソコン、編み物など 下手の横好きですが、いろんな事をやりたがります。 どれも大した知識はありませんが、上達を目指しがんばります。

Category

PAGE TOP ↑