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.

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);
}

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Start Working with me for any wordpress project!