【Cocoon】タブブロックのデザインデモページ

WordPressテーマ「Cocoon」のタブブロックのタイトルデザイン変更のデモページです。

Tab 1
Tab 2
Tab 3

.tab-label-group {
	width:100%;
	display: flex;
	justify-content: center;
	margin: 0px auto 10px auto !important;
}
.tab-label-group .tab-label {
	margin: 0px;
	padding: 0.4em 1.5em;
	background: none;
	font-size: 16px;
	text-align:center;
	color: #979797;
	cursor: pointer;
}
.tab-label-group .tab-label.is-active {
	background: none;
	color: #245b5e;
	font-weight: bold;	
	border-top: 3px solid #245b5e;
}
.tab-label-group .tab-label:hover {
	color: #245b5e;
	font-weight: bold;
	border-top: 3px solid #245b5e;
}

設定方法はコチラ