Elementor Wordpress Tutorial - Hide Sections or Content after a Time Delay
A super simple way to make sections or content disappear after a Time Delay inside Elementor using some CSS Code.
The key bit is to add hideme as the CLASS NAME to the Section or the Content (example Image).
You can also adjust the seconds.
Great for when you want to show off a Promo or some video etc that they disappears.
Code to add to the Section's Custom CSS:
.hideme {
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
Hire us to work on your Website! [email protected] or visit https://websquadron.co.uk
Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
Get Elementor Cloud Hosting: https://trk.elementor.com/bapnesbbfa9...
Support us: https://paypal.me/Websquadron
Mastery Membership: https://websquadron.co.uk/web-design-...
Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
Equipment Used:
Softbox Lighting Kit (to focus main light onto me in a dark room): https://amzn.to/3feqH18
Soundproof Panels (to provide a dark setting, and prevent sound bounce): https://amzn.to/3HVfwqa
3m Ethernet Cat 7 Cable (to maximise the Internet Connection as the room is upstairs): https://amzn.to/3GlBvGw
Anker 6 in 1 Adaptor (for the Macbook Air to increase USB-C, USB-A, HDMI, Ethernet Ports): https://amzn.to/3tiukLA
USB-C to Lightning Port Cable (from my iPhone to my Macbook Air): https://amzn.to/3K2tGaU
Powerline Adaptor (boosts internet connection from downstairs 380mbs to the upstairs room 120mbs): https://amzn.to/3r8YcYc
Floodlights (positioned to glow onto the walls): https://amzn.to/33mRqWD
LED Light stands (either side of me): https://amzn.to/3Iaerez
Fifine Dynamic Microphone: https://amzn.to/3osbxu2
Floating Shelves: https://amzn.to/3Fhxyl1
Hanging Pendant Light Holders: https://amzn.to/3qgwnhg
Vintage Light Bulbs: https://amzn.to/3K0bQ8B
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://be.elementor.com/visit/?bta=2...
-- 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
