Elementor - 3 Big Responsive Image Tips and How to Swap Images with CSS

Published: 23 January 2022
on channel: Web Squadron
15,361
324

Using Elementor's Responsive Mode for Section and Columns is well know, but Tip 3 - may blow you mind!

00:00 Intro
00:17 Tip 1 - Sections
02:35 Tip 2 - Columns
03:20 Tip 3 - Swapping Images !!!!!!!!

Code for Tip 3 - add this into the Custom CSS for the image, and then add an alternate URL as below so that the image swaps when the screen size changes!
@media screen and (max-width:500px)
{
selector img{content: url('https://staging3.websquadron.co.uk/wp...)
}
}


Music used:
Track: Will You Be Mine (Remix)
Free download: https://brokeinsummer.com/will-you-be...
Artists: https://brokeinsummer.com
Contact: https://brokeinsummer.com/help
Music provided by Audio Library Plus

- Get Elementor Pro here --- https://trk.elementor.com/license
-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)

-- Book an Appointment/Consultation: https://calendly.com/info-28542
-- LinkedIn:   / imran-siddiq-7320a74a  
-- Instagram:   / batswebsitedesign  
-- Twitter:   / imranwebsites  
-- Facebook:   / websquadrontraining  

PS: https://websquadron.co.uk
PPS: Contact us at [email protected]
PPPS: We only build with Elementor Pro


Watch video Elementor - 3 Big Responsive Image Tips and How to Swap Images with CSS online without registration, duration hours minute second in high quality. This video was added by user Web Squadron 23 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,361 once and liked it 324 people.