Elementor Pro Slider Widget Custom Styling

Share on facebook
Facebook
Share on twitter
Twitter
Share on reddit
Reddit
Share on whatsapp
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

Add Icons To Your Elementor Form Fields With CSS

https://youtu.be/8qHZfpG2z-s Font Awesome fontawesome.com CSS Code /*placeholder spacing*/ selector form.elementor-form .elementor-field-group-email input, .elementor-field-group-name input, .elementor-field-group-phone input, .elementor-field-group-message textarea{ padding-left: 50px; } /*Icon

How To Create A Mobile App Menu On Elementor

https://youtu.be/7iJz3km-nwM Create Your Glass Effect Here: glassmorphism.com Mobile Section /*Mobile section*/ selector{ position: fixed; width: 100%; bottom: 0px; background: rgba( 0, 0,

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

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.