How to Reveal an Underlying Image Grid in Your Hero with Divi’s Sticky Options - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

How to Reveal an Underlying Image Grid in Your Hero with Divi’s Sticky Options

Watch Wordpress Elegant Themes Video: How to Reveal an Underlying Image Grid in Your Hero with Divi’s Sticky Options.
Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-reveal-an-underlying-image-grid-in-your-hero-with-divis-sticky-options

Creating a hero section that catches your visitors’ attention can set the tone for the rest of the website. If you’re looking for a creative way to use Divi’s sticky options to help you get there, you’ll love this tutorial. Today, we’re showing you how to reveal an underlying image grid in your hero with Divi’s sticky options. We’re including a very smooth transition from default to sticky and you’ll be able to download the JSON file for free as well!

If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions

Published:
Category: Wordpress Elegant Themes
15 Views

Related Videos

  • How to Cover Your Hero Section on Scroll with Divi’s Sticky Options

    How to Cover Your Hero Section on Scroll with Divi’s Sticky Options

    by Best Webhosting Added 24 Views / 0 Likes

    Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-cover-your-hero-section-on-scroll-with-divis-sticky-options If you’re currently working on your website’s hero design inside Divi, you might be looking for some interesting ways to add an effect on scroll. With Divi’s sticky options, a ton of design possibilities are possible. In today’s tutorial, we’ll highlight one of those possibilities. We’ll show you, step by step, how to cover

  • [MASSIVE] NEW DIVI Theme Sticky Options - Make Any Part Of Your Wordpress Website Sticky!

    [MASSIVE] NEW DIVI Theme Sticky Options - Make Any Part Of Your Wordpress Website Sticky!

    by Best Webhosting Added 47 Views / 0 Likes

    The New Divi theme Sticky Option Allows you to make any part of the website sticky with the divi builder Get 20% Divi: https://www.darrelwilson.com/divi20 Divi Theme Tutorial: https://www.youtube.com/watch?v=vY_19T4jCSA This new update for divi is groundbreaking. You can virtually add lots of sticky sections with Divi and make your wordpress website look really nice. If you havent trid the new divi theme sticky options, they you need to try it!

  • How to Create a Sticky Footer Bar with Divi’s Sticky Options

    How to Create a Sticky Footer Bar with Divi’s Sticky Options

    by Best Webhosting Added 22 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-footer-bar-with-divis-sticky-options If you’re looking for a way to add a CTA that follows your visitors while they’re navigating through your website, you might consider going for a sticky footer bar. A sticky footer bar is used at the bottom of your browser and you can include any call to action of your choice, whether it’s a button or contact information.

  • How to Create a Sticky Header with Divi’s Sticky Options

    How to Create a Sticky Header with Divi’s Sticky Options

    by Best Webhosting Added 51 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-header-with-divis-sticky-options The way we use the Divi Theme Builder when setting up a website has sped up our workflow and made everything easier. Although we were able to create customized headers from day one ever since the Divi Theme Builder came out, one thing has been requested continuously, which is being able to create a sticky header without using

  • How to Reveal a Column CTA in a Sticky State with Divi

    How to Reveal a Column CTA in a Sticky State with Divi

    by Best Webhosting Added 14 Views / 0 Likes

    At a certain point when you’re creating a page design, you might run into a list of services, courses, or something similar that you want to share in an interactive way. The design you’re using for your list content plays a very important role in how your visitors digest the content. And with most lists, you’re also going to want to include a call to action that connects the dots. If you’re looking for a creative way to do that, you’ll love this tutor

  • How to "Pick up" Your Divi Sticky Header When Passing Your Page’s Hero Section

    How to "Pick up" Your Divi Sticky Header When Passing Your Page’s Hero Section

    by Best Webhosting Added 29 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-pick-up-your-divi-sticky-header-when-passing-your-pages-hero-section Ever since the Divi sticky options update has been released, we’ve been sharing tips and tricks on how to use them throughout your website builds with Divi, and today, we’re adding another one for you to bookmark! This tutorial will be all about interaction. We’ll automatically place a custom header below e

  • Creating a Polaroid Hero Section with Divi’s Transform Options

    Creating a Polaroid Hero Section with Divi’s Transform Options

    by Best Webhosting Added 78 Views / 0 Likes

    Creative hero sections make websites memorable and special. This polaroid hero section design evokes a sense of vintage wanderlust. By using column transform options, the polaroids can be arranged in any way you want, as if they were spread on a table. You can recreate this polaroid hero section design with your own square images. You’ll be able to download the JSON file for free as well! Read more: https://www.elegantthemes.com/blog/divi-resources/cr

  • Divi Feature Update LIVE - Divi Sticky Options

    Divi Feature Update LIVE - Divi Sticky Options

    by Best Webhosting Added 43 Views / 0 Likes

    We are excited to introduce Divi Sticky Options, a brand new feature that allows you to stick any element to the top or bottom of the browser viewport as you scroll up and down the page. This allows you to create sticky headers, menus and buttons and to keep other important information in view as you scroll, such as calls to action or floating opt-in forms. But that’s really just scratching the surface of what Divi Sticky Options can do. Divi Sticky O

  • Introducing Divi Sticky Options!

    Introducing Divi Sticky Options!

    by Best Webhosting Added 37 Views / 0 Likes

    Learn more here: https://www.elegantthemes.com/blog/theme-releases/divi-sticky-options Today we are excited to introduce Divi Sticky Options, a brand new feature that allows you to stick any element to the top or bottom of the browser viewport as you scroll up and down the page. This allows you to create sticky headers, menus and buttons and to keep other important information in view as you scroll, such as calls to action or floating opt-in forms. Bu

  • How to Stack Rows on Scroll with Divi’s Sticky Options

    How to Stack Rows on Scroll with Divi’s Sticky Options

    by Best Webhosting Added 38 Views / 0 Likes

    Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-stack-rows-on-scroll-with-divis-sticky-options Ever since Divi’s sticky options have come out, we’ve shown you ways on how to use the different features throughout your website builds, particularly inside headers. But there are a ton of ways you can use the sticky options to enhance the user experience people have on your website and make your website shine. In today’s tutor

  • How to Slide Down Reveal Your Gallery Image’s Title and Caption with Divi

    How to Slide Down Reveal Your Gallery Image’s Title and Caption with Divi

    by Best Webhosting Added 22 Views / 0 Likes

    If you're building a website where images play a central role in the design, you might want to include a gallery at some point. That's where the Divi Gallery Module comes in. It allows you directly select images from your media library and display them in an organized structure. By default, you're able to dynamically show each image's title and caption too. However, if you're looking to limit the amount of text that shows up in your design, you might

  • How to Build an Interactive List on Scroll with Divi’s Sticky Options

    How to Build an Interactive List on Scroll with Divi’s Sticky Options

    by Best Webhosting Added 24 Views / 0 Likes

    Divi’s sticky options allow you to effortlessly add interaction to the pages you create and design. If you’re looking for a way to mention multiple items without just creating a static list, you’ll enjoy this tutorial. Today, we’re showing you how to build an interactive list on scroll using Divi’s sticky options. As people are scrolling down the section, different items are added to the list on the left. This helps keep an overview. You’ll be able to

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS