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?
Thanks for sharing. I read many of your blog posts, cool, your blog is very good.
Thank you!