Val Danza

OB Kinekt - animate anything in Bricks builder, create interactive element animations and presets Bring your Bricks Builder websites to life with OoohBoi Kinekt! In this comprehensive tutorial, I'll show you how to create stunning scroll-triggered animations, interactive mouse-click effects, and smooth parallax scenes—all without writing a single line of code. Learn how to use Kinekt's powerful visual controls to: ✨ Animate elements on scroll and mouse movement ✨ Create and save your own Animation Presets for a faster workflow ✨ Build interactive experiences with Timeline Controllers ✨ Apply beautiful Image Effects and Parallax ✨ Use the "Animate Children" feature for complex sequences ✨ Master scrubbing for scroll-linked animations Transform a static, boring layout into a dynamic and engaging user experience. By the end of this video, you'll be able to add professional-level animations to any Bricks Builder project. ❗️GIVEAWAY DETAILS: I'm giving away 3 to 5 single-page licen

In this tutorial, you'll discover how to create a reusable fluid spacing and typography framework for your Bricks Builder projects. Say goodbye to endless media queries and hello to a seamless, user-friendly design approach that saves time and effort. Learn to leverage CSS variables and global classes in Bricks Builder, and transform your workflow! 🌟 I'll guide you step-by-step through: - Understanding fluid spacing and typography - Setting up CSS variables using Utopia's free calculator - Importing and categorizing CSS variables in Bricks Builder - Creating global classes for easy, site-wide style updates - Exporting and importing your customized framework for future projects Whether you're a beginner or seasoned developer, this tutorial will enhance your design approach and ensure your websites look fantastic across all devices. If you find this tutorial helpful, please consider subscribing and giving me a thumbs up 👍. Peace and love! ** DOWNLOAD (for a small fee) ** Grab the

Welcome to this tutorial on mastering content breakout techniques in Bricks Builder! In this video, I'll guide you through a super-easy method for creatively breaking out content on either side of the normal content flow, enabling it to reach both the left and right edges of the viewport. Don’t forget to like, subscribe, and connect in the comments if you have any questions or feedback. ------------------------------------------------------------------------------------------- 👋 If you want to step in touch: https://ooohboi.space ------------------------------------------------------------------------------------------- ***** CREDITS BG Music in this video: Island Dream - by Chris Haugen

In this video, I'll guide you through the process of creating adorable text fillers in Bricks Builder without needing any custom CSS code. This has been a popular trend, and I'm here to make it simple for you! We'll explore how to insert and style text fillers using Bricks Builder's visual interface, including image placeholders and text wrappers. Whether you're using Rich Text, Basic Text, or Heading elements, this tutorial will help you design and customize your fillers with ease. Discover the tricks of using custom and global class names, coupled with Bricks Builder’s default classes, to achieve stunning and unique designs that respond perfectly to different viewports. You'll learn to utilize CSS transforms for precise positioning and relative units to ensure seamless integration with your main text. Don’t forget to like, subscribe, and connect in the comments if you have any questions or feedback. --------------------------------------------------------------------------------

This is a Bricks builder tutorial on how to swap or change images on content scroll. In this video I’ll teach you how to use the Bricks Builder Interactions feature in conjunction with custom markers to achieve that effect. No need for extra plugins or custom code JavaScript, only the Bricks builder, and a simple CSS. -------------------------------------------------- EXTRAS! The training file: https://ooohboi.gumroad.com/l/cifed You might consider buying me a coffee if you find my work helpful for your business: https://www.paypal.me/ooohboi

Bricks builder tutorial on how to build a Teleporter - an interactive area with an image in the background, above which are three text cards arranged in three columns. When you hover the mouse over one of these three cards, the default background image is replaced with a new image associated with the card that we are hovering over. Moreover, when you move the mouse over the card a subtle animation of text occurs as well, and the two adjacent cards become slightly transparent. -------------------------------------------------- EXTRAS! The training file: https://ooohboi.gumroad.com/l/tfdsy You might consider buying me a coffee if you find my work helpful for your business: https://www.paypal.me/ooohboi -------------------------------------------------- CREDITS! Music by: Yaki Tori by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/-yaki-tori Music promoted by Audio Library https://yout

This video tutorial teaches you how to create an excellent, vertical, fixed website header that is either stuck on the right or the left-hand side of the screen. For mobile devices, that kind of site header gets back to the top position in order to make more room for the content. -------------------------------------------------- EXTRAS! ****************************** * OoohBoi Ele Posts Slider add-on * ****************************** A perfect slider for the Posts widget ! This is not just another Elementor widget but rather a natural extension to the Posts widget itself. It works with any post type including WooCommerce products. CHECK IT OUT: https://postslider.ooohboi.space/ ****************************** ----- This video tutorial copy-paste CSS https://gist.github.com/oooh-boi/f937e9161ac67073f9fc232b5db4e643 If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive! https://be.elementor.com/visit/?bta=15319&nci=5383 ——- OoohBoi Steroids

Fully fluid typography in Elementor is easy-to-be-made using the CSS’ clamp() function. By going for that kind of solution you can simply forget about the breakpoints mess and instead focus on other page elements that require a responsive solution. Typography in Elementor must be excluded from the old-fashioned way of making it responsive! More modern approaches rely on plain CSS, one of which is presented in this video tutorial. Enjoy the outstanding CSS feature named the clamp()! -------------------------------------------------- EXTRAS! ************************************ * OoohBoi Ele Posts Slider add-on * ************************************ A perfect slider for the Posts widget! This is not just another Elementor widget but rather a natural extension to the Posts widget itself. It works with any post type including WooCommerce products. CHECK IT OUT: https://postslider.ooohboi.space/ ****************************** If you plan to buy Elementor PRO - buy from this link a

Off-screen or the off-canvas content… Whatever you call it, hiding a website’s content (such as the main site navigation) off-screen is becoming a frequent pattern in responsive web design. More and more sites feature a fixed-position icon that, when tapped, pushes the entire site to the side in order to reveal that hidden content. Learn how to do that in Elementor PRO by using the PopUp element and a little bit of custom CSS + JavaScript. Enjoy! -------------------------------------------------- EXTRAS! ——- The training file: Importable JSONs + the CSS and JS https://ooohboi.gumroad.com/l/rsukwv ——- If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive! https://be.elementor.com/visit/?bta=15319&nci=5383 ——- OoohBoi Steroids for Elementor plugin page: https://wordpress.org/plugins/ooohboi-steroids-for-elementor/ ——- One-on-One Elementor training via Zoom: send an email to oooh(dot)boi29(at)gmail(dot)com with the subject “One on one Eleme

If you want to learn how to add the floating image to the link hover event - check out this video! It teaches you how to add the custom attribute in Elementor, how to deploy the GSAP library with the “Steroids for Elementor” add-on, the logic behind the JavaScript code used, and a little bit of the custom CSS. The floating link preview effect is not a widget nor it can be found as an out-of-the-box solution so it’s really cool to be able to make your own. Elementor PRO is not a must! -------------------------------------------------- EXTRAS! —— The training file: 1. Importable JSON https://ooohboi.gumroad.com/l/gkoyd 2. The CSS and JS code (copy-paste)https://gist.github.com/oooh-boi/cd26df98777b2fbadf8d148653975e94 —— If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive! https://be.elementor.com/visit/?bta=15319&nci=5383 —— OoohBoi Steroids for Elementor plugin page: https://wordpress.org/plugins/ooohboi-steroids-for-elementor/ —— One-

Ever wondered how to trigger the Lightbox gallery in Elementor from any type of link, be it a text link from the Text Editor widget, button, image or maybe the Heading widget? This video teaches you how to create the “invisible” gallery (or a collection of images) and open it in the Lightbox from the custom link. And that’s not all because you gonna learn how to append more images to the gallery - on the fly! Enjoy!!! -------------------------------------------------- EXTRAS! If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive! https://be.elementor.com/visit/?bta=15319&nci=5383 OoohBoi Steroids for Elementor plugin page: https://wordpress.org/plugins/ooohboi-steroids-for-elementor/ Visit my Shop for more cool stuff: https://gumroad.com/ooohboi https://payhip.com/OoohBoi The training file ($1.25) Gumroad or Payhip: https://ooohboi.gumroad.com/l/liixb https://payhip.com/b/TtyMX You might consider buying me a coffee if you find my work hel

Have you seen that awesome Show More - Show Less Content effect someplace on the web? If you want to learn how to easily create foldable content in Elementor - without using any third-party widgets, this is a must to watch the video tutorial! What’s the advantage of this method? It’s free, it doesn’t require Elementor PRO, and you can literally make any Elementor widget foldable; Inner Section, Gallery, Text Editor, Image Box, etc. Enjoy! -------------------------------------------------- EXTRAS! If you plan to buy Elementor PRO - buy from this link and help me keep this channel alive! https://be.elementor.com/visit/?bta=15319&nci=5383 OoohBoi Steroids for Elementor plugin page: https://wordpress.org/plugins/ooohboi-steroids-for-elementor/ Visit my Shop for more cool stuff: https://payhip.com/OoohBoi The training file: https://payhip.com/b/6aB7y Copy-paste code from Gist: JavaScript: https://gist.github.com/oooh-boi/ab0f46f13442228de8184a797d5ce96e CSS: https://gist.github.