1. HOME
  2. ブログ
  3. TIPS
  4. Lightning

BLOG

ブログ

TIPS

Lightning

WordPressテーマ「Lightning」のカスタマイズに関するメモ

トップ/ヘッダー

メニュー文字をノーマル

.gMenu>li .gMenu_name {
font-weight: normal;
}

メニュー下線の色変更

.gMenu > li::before {
border-bottom-color:#fff;
}

ヘッダーロゴとメニューを中央

@media (min-width: 992px) {

	.container.siteHeadContainer {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.navbar-header {
		width: 100%;
		order: 0;
		float: none;
	}

	.siteHeader_logo {
		float: none;
		width: 100%;

	}

	.siteHeader_logo img {
		margin: 0 auto;
	}

	.gMenu_outer {
		width: 100%;
		order: 1;
		float: none;
	}

	ul.gMenu {
		float: none;
		display: flex;
		justify-content: center;
	}
}

スクロール時のヘッダー(メニュー上部)固定

.gMenu_outer {
margin-top: 70px;
}

フッター

フッターの背景色

.section.siteFooter{
background:#000000;
color:#ffffff;
}

コピーライト非表示

footer .copySection p:nth-child(2) {
    display:none !important;
}

関連記事