Elementor Pro Slider Widget Custom Styling

Facebook
Twitter
Reddit
WhatsApp

CSS:

				
					/*Box Slider*/
.swiper-slide-contents { 
background-color: #000000AD ; /* Box Color*/
padding: 100px 100px 100px 400px;
}

h3 { /* Slider Sub Heading*/
font-size: 25px;
font-family: "Roboto", Sans-serif;
font-weight: 500;
padding-bottom: 20px;
}

.eicon-chevron-right {
background-color: white; /* Right Arrow Background Color*/
padding: 10px;
margin-right: 20px;
}
.eicon-chevron-left {
background-color: white; /* Left Arrow Background Color*/
padding: 10px;
margin-left: 20px;
}

/* Tablet*/
@media only screen and (max-width: 1200px) {
.swiper-slide-contents {
padding: 100px 100px 100px 100px;
}
}

/* Mobile */
@media only screen and (max-width: 600px) {
.swiper-slide-contents {
padding: 50px 35px 50px 35px;
}
.eicon-chevron-right {
display: none;
}
.eicon-chevron-left {
display: none;
}
}
				
			
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments

More to explorer

How To Make a Hover Card Like a PRO in Elementor

https://youtu.be/pja-7Sfn8WI CSS selector .card-content{ height: 56%; margin-bottom: -134px; transition: all 0.5s ease; } selector .card-wrapper:hover .card-content{ margin-bottom: 0px; height: 100%; } selector

Elementor Button Border Gradient Tutorial

https://youtu.be/I9am2K_yopc Border Gradient Button CSS selector .elementor-button{ position: relative; overflow: hidden; z-index: 1; margin-bottom: -15px } selector .elementor-button:before{ content: ”; position: absolute;

0
Would love your thoughts, please comment.x
()
x

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.