Home / Admin / Tab Styling
Duplicate Snippet

Embed Snippet on Your Site

Tab Styling

Custom tab styling

<10
Code Preview
css
.tabs-right .w-tabs-list-h {
	display: -webkit-inline-flex;
	z-index: 9;
	position: relative;
}
.tabs-right .w-tabs-list {
	text-align: right;
}
.tabs-right .w-tabs-section-content {
	padding-top: 0;
}
.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:hover, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:focus {
	background: none;
}
@media screen and (max-width: 768px) {
	.tabs-right .w-tabs-list {
		text-align: center;
	}
	.tabs-right .w-tabs-section-content {
		padding-top: 1.5rem !important;
	}
}

Comments

Add a Comment