Elementor

Custom and complex section design | Elementor tutorial

In this tutorial I will show you how to make this custom design from scratch using Elementor Pro.

Essential Links

Get Domain & Webhosting(60% off)

Get Elementor Pro

CSS code

CSS for left box and right box

.left_box::after {
	content: '';
	width: 300px;
	height: 100%;
	background: #00c7e2;
	position: absolute;
	left: -50px;
	top: 50px;
	z-index: -1;
}
.right_box::after {
	content: '';
	width: 300px;
	height: 100%;
	background: #00c7e2;
	position: absolute;
	right: -50px;
	top: -50px;
	z-index: -1;
}

CSS for rotating text vertically

selector{
    transform: rotate(270deg);
}

Need this built rather than explained?

Send me the project details and I will suggest the right approach.

Start a Project →