WordPress・Lightningのフッターの色を変更

［スポンサーリンク］

記事の方法でカスタムを100%保障するものではございません。

悪しからずご了承下さいませ。

古いバージョンでのカスタム内容となります

※カスタマイズは必ずバックアップの上、自己責任にて行って下さい。

フッターの色を変更

/*-------------------------------------------*/
/* footer
/*-------------------------------------------*/
footer { border-top: 3px solid #337ab7; background-color: #000; }
footer .footerMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
footer .copySection { border-top: 1px solid #e5e5e5; }
footer .copySection p { font-size: 12px; margin-bottom: 5px; }
 
@media (max-width: 767px) { footer .footerMenu .container { padding-left: 0; padding-right: 0; }
  footer .footerMenu li { float: none; border-bottom: 1px solid #e5e5e5; display: block; overflow: hidden; }
  footer .footerMenu li:last-child { border-bottom: none; } }
@media (min-width: 768px) { footer .footerMenu ul { margin: 10px 0; }
  footer .footerMenu li a { border-left: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px; }
  footer .footerMenu li:last-child a { border-right: 1px solid #ccc; } }

フッターの文字色を変更

/*-------------------------------------------*/
/* footer
/*-------------------------------------------*/
footer { border-top: 3px solid #337ab7; background-color: #000; color: #b395ce;}
footer .footerMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
footer .copySection { border-top: 1px solid #e5e5e5; }
footer .copySection p { font-size: 12px; margin-bottom: 5px; }
 
@media (max-width: 767px) { footer .footerMenu .container { padding-left: 0; padding-right: 0; }
  footer .footerMenu li { float: none; border-bottom: 1px solid #e5e5e5; display: block; overflow: hidden; }
  footer .footerMenu li:last-child { border-bottom: none; } }
  footer .footerMenu li a  { color: #b395ce;}
@media (min-width: 768px) { footer .footerMenu ul { margin: 10px 0; }
  footer .footerMenu li a { border-left: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px;color: #b395ce; }
  footer .footerMenu li:last-child a { border-right: 1px solid #ccc; } }

ページの背景色を変更する

.siteContent {background-color: #8f48ce;}