Elementor - 3 Big Responsive Image Tips and How to Swap Images with CSS
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, duration hours minute second in high quality that is uploaded to the channel Web Squadron 23 January 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 15,361 times and liked it 324 visitors.
