Get Ready Elementor Templates

Responsive Elementor Zoom In Profile Card Design | WordPress Elementor Pro Tutorial

Subscribe To My YouTube Channel For More Upcoming Videos

Image Scale & Move CSS

/*Image Positioning CSS*/
selector .elementor-widget-image{
    position: absolute;
    bottom: 0;
    left: 0%;
}
selector .elementor-widget-image, selector .elementor-widget-image img{
    transition: 0.5s ease-in-out;
}

/*Image Move on Hover*/
selector:hover .elementor-widget-image{
    left: 40%;
}
/*Image Size On Hover*/
selector:hover .elementor-widget-image img{
    width: 330px;
}
	

Content Hide & Show CSS

/*Hide Content Initially*/
selector .v-content{
    opacity: 0;
    transition: 1s ease-in-out;
}
/*Show Content on Hover*/
selector:hover .v-content{
    opacity: 1;
}
	

Tablet Device CSS

/*Tablet Device CSS*/
@media (max-width: 1024px){
    selector:hover .elementor-widget-image img{
    width: 280px;
    }
}
	

Mobile Device CSS

/*Mobile Device CSS*/
@media (max-width: 767px){
    selector .v-content{
    opacity: 1;
    }
    selector .elementor-widget-image{
        position: unset;
    }
    
    /*Adjust Mobile Image Width from Here*/
    selector .elementor-widget-image img{
        width: 200px !important;
    }
}
	
Wanna join my secret winners’ gang?

I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!

  • Money Making Blog Tricks
  • $100k by Freelancing Formula
  • Secret Resources
  • Rich Dad business tactics
  • And, of course about my upcoming videos and plans