In this tutorial I will show you how to add a Before And After Slider In Elementor Pro. I wont be using any plugins I will be just using HTML AND CSS. So why no plugin? well as i say in this tutorial plugins can cause conflicts on your site with other plugins causing your side to crash and more. By using html this stops these issues.
Find The Code For This Project Below:
https://diywebsitespro.com/before-and...
To sign up for Elementor Pro visit:
https://onewebmedia.co.uk/Elementor-P...
For SEO on your website visit:
https://onewebmedia.co.uk/rankmath
If You Need Astra Theme Feel Free To Sign Up At:
https://diywebsitespro.com/astra-theme
Get WP Dark Mode In The Link Below:
https://diywebsitespro.com/WP-Dark-Mode
For website hosting there is two options. SiteGround and NameHero.
SiteGround has an easier layout and is simple to use:
https://onewebmedia.co.uk/SiteGround
NameHero is slightly more technical but is much faster than SiteGround:
https://onewebmedia.co.uk/NameHero
To get protected with NordVPN please do you the link below
https://onewebmedia.co.uk/NordVPN
For CRM and Marketing Software I always recommend ActiveCampaign. Visit:
https://onewebmedia.co.uk/ActiveCampaign
00:00 - Intro - Before And After Slider In Elementor No Plugin HTML CSS
00:14 - Setting Up The Elementor Page For Slider Bar
00:30 - Adding Before And After HTML A CSS Code
01:30 - Changing The Before And After Image In HTML Code
02:35 - Changing Image Size In Before And After Slider In HTML
03:08 - Adding A Second Slider Image
03:29 - How To Edit Code For Second HTML Second Before And After Slider
04:17 - Preview Of Before And After Sliders
04:35 - Why Use Elementor Pro?
04:51 - Feeling Inspired?
#css #wordpress #elementorpro