How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

How to move arrow icon outside the slider container in Divi Blog Extras?

To move the arrow icon outside the slider container in Divi Blog Extras please add the following CSS on the page or in Divi Theme Option.

.swiper-button-prev {
    left: -40px !important;
}
 .swiper-button-next {
    right: -40px !important;
}
 .swiper-container {
    position: inherit !important;
}
@media screen and (max-width: 767px) {
    .swiper-button-prev {
    	left: -25px !important;
	}
 .swiper-button-next {
    	right: -25px !important;
	}
}

Output:

Previous Alt Tag on Images
Next First image on left in grid extended layout