Cool Hero section design| Elementor design challenge

In this tutorial I will Make a cool hero section using Elementor

CSS I used

CSS for Slider arrow
.elementor-swiper-button {
	top: 120% !important;
	border: 2px solid #fff;
	padding: 5px 2px;
	
}
.elementor-widget-media-carousel .elementor-swiper-button-prev {
	left: 87%;
}
.elementor-widget-media-carousel .elementor-swiper-button-next{
	right: 1%;
}

@media screen and (max-width:768px){
    .elementor-swiper-button {
	top: 140% !important;
	
}
.elementor-widget-media-carousel .elementor-swiper-button-prev {
	left: 82%;
}
}
@media screen and (max-width:320px){
    .elementor-swiper-button {
	top: 130% !important;
	
}
.elementor-widget-media-carousel .elementor-swiper-button-prev {
	left: 75%;
}
}

Download images for Hero section

Where should I send you files?

    Start Working with me for any wordpress project!

    Get in touch

    Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

    Call me by Skype (farjana.rashid55)

    8 + 15 =

    [wpforms id="2272"]