Cocoonカスタマイズ フッター編

フッターのカスタマイズになります

WordPress無料テーマCocoonのカスタマイズの備忘録です。

Cocoon設定
フッター表示タイプ メニュー&クレジット(左右)
#footer a:hover {
    background-color:transparent;/*フッターメニューをホバーしたときの効果を消す*/
}
#navi-footer li {
  border: none;/*フッターメニューの仕切り線を消す*/
}
.footer-bottom {
	margin-top: 0px;/*フッター上部外側の余白を消す*/
}
.footer{
	padding:20px 0;/*フッターうち余白上下の設定*/
}
.copyright{
	margin:0;/*コピーライトの外余白を消す*/
}
.navi-footer-in > .menu-footer {
    display: block;/*フッターメニューを縦並びにする*/
    text-align: left;/*フッターメニューを左揃えにする*/
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
	align-items:flex-end;/*コピーライトの位置をフッターメニューの下に揃える*/
}
@media screen and (max-width: 480px){
	.copyright{
	margin-top:15px;/*コピーライト上部に外余白を取る*/
	}
	.navi-footer-in > .menu-footer {
    display: flex;/*フッターメニューを横並びにする*/
    text-align: center;/*文字を中央に寄せる*/
}
}

以上になります。