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
Смотрите видео Elementor - 3 Big Responsive Image Tips and How to Swap Images with CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Squadron 23 Январь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 15,361 раз и оно понравилось 324 людям.