How to Add a Floating About Card to Your Divi Site with the Divi Code Module - 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 Add a Floating About Card to Your Divi Site with the Divi Code Module

Watch Wordpress Elegant Themes Video: How to Add a Floating About Card to Your Divi Site with the Divi Code Module.
In this video, I show you how to Add a Floating About Card to Your Divi Site with the Divi Code Module.

This time I’ve created a floating about card that displays your image, name, title, description, and a few links. Just as with the floating action button and the slide-in top bar, adding this pen to your site is incredibly simple and shouldn’t take more than a minute.

Here is a link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-floating-about-card-to-your-divi-site-with-the-divi-code-module

Published:
Category: Wordpress Elegant Themes
67 Views

Related Videos

  • How to Add a Floating Action Button to Your Site with the Divi Code Module

    How to Add a Floating Action Button to Your Site with the Divi Code Module

    by Best Webhosting Added 88 Views / 0 Likes

    The Divi Code Module is perhaps one of the most over-looked and under-used modules in Divi. As the frontend developer here at Elegant Themes I wanted to take the opportunity this year to change that. My goal is to use this post and others throughout the year to inspire a greater use of the code module by providing resources and tutorials for its use. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-floating-

  • How to add a floating action menu to Divi with the code module.

    How to add a floating action menu to Divi with the code module.

    by Best Webhosting Added 83 Views / 0 Likes

    How to add a floating action menu to Divi with the code module. Hey, Divi Nation! I’m back with another pen to share with you all that will add a Floating Action Menu to your Divi website. I’m going to show you two different ways to implement it on your site. The first is taking advantage of Divi’s Code Module, something I’m hoping to encourage more of this year, and the second is using Divi’s Theme Options. Read article: https://goo.gl/cibBJq

  • How to Design Floating Cards Using Divi’s Blog Module

    How to Design Floating Cards Using Divi’s Blog Module

    by Best Webhosting Added 20 Views / 0 Likes

    Today, we are going to show you a creative way to showcase blog posts as floating cards in Divi. Every blog or website should seek to have great content that is attractive and, perhaps just as important, accessible. One way to make sure content stays accessible to users is to float it on the page. This is also known as making an element fixed (or sticky). And for the bloggers out there, we’re going to show you how to showcase your blog posts as floati

  • The Divi Code Module

    The Divi Code Module

    by Best Webhosting Added 90 Views / 0 Likes

  • The Divi Code Module

    The Divi Code Module

    by Best Webhosting Added 89 Views / 0 Likes

    The Code Module is a blank canvas that allows you to add code to your page, such as plugin shortcodes or static HTML. If you would like to use a third party plugin, for example a third party slider plugin, you can simply place the plugin's shortcode into a standard or fullwidth code module to display the item unimpeded. View full documentation here: https://www.elegantthemes.com/documentation/divi/code/

  • Divi Code Module - The Basics

    Divi Code Module - The Basics

    by Best Webhosting Added 35 Views / 0 Likes

    Divi Code Module - The Basics In this tutorial I go over the Divi code module. This module is great for adding CSS, Custom code, or things like video or Google maps which come in iframe format. I go through the process of adding a Google map through our code module within this video. I hope you like it! Get Divi: https://wpwithtom.com/divi - 10% off! My Site https://www.wpwithtom.com Best Hosts: GreenGeeks: https://wpwithtom.com/greengeeks NameHero: h

  • How to Create a Slide in Top Bar Ad with the Divi Code Module.

    How to Create a Slide in Top Bar Ad with the Divi Code Module.

    by Best Webhosting Added 92 Views / 0 Likes

    In this video, I will show you step by step how to Create a Slide-in Top Bar Ad with the Divi Code Module and codepen code generator. here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-slide-in-top-bar-ad-with-the-divi-code-module

  • Popular Divi Feature Update LIVE - Introducing Better Code Editing For Divi

    Divi Feature Update LIVE - Introducing Better Code Editing For Divi

    by Best Webhosting Added 114 Views / 0 Likes

    The demonstration starts at 5:13 We have an exciting update for developers who use custom CSS and custom code in Divi. When building a page in the Divi Builder, every part of every module can be customized using your own CSS rules. In addition, custom code can be added to your page and to various parts of your website using the Divi Theme Options. We are greatly enhancing the code editing experience in Divi with the addition of a fully-featured code e

  • Free Divi Code Snippets & More by Andy Tran - The Divi Nation Podcast, Episode 21

    Free Divi Code Snippets & More by Andy Tran - The Divi Nation Podcast, Episode 21

    by Best Webhosting Added 91 Views / 0 Likes

    In this episode of Divi Nation our host Nathan B. Weller interviews Elegant Themes' own front-end developer, Andy Tran. In addition to Andy's story and dev interests, they talk about the hidden power of Divi's code module. What Andy thinks of as, "the most under utilized feature in Divi". To show everyone what they're missing out on Andy and Elegant Themes' designer Mario Maruffi teamed up to create some stunning code snippets that can simply be paste

  • Developer Thierry Muller on Divi 3.0, Quality Code & WordPress Community - Divi Nation, Ep. 25

    Developer Thierry Muller on Divi 3.0, Quality Code & WordPress Community - Divi Nation, Ep. 25

    by Best Webhosting Added 82 Views / 0 Likes

    In this episode of Divi Nation our host Nathan B. Weller talks with our own Elegant Themes developer Thierry Muller. This is the first interview in a series of internal conversations with the members of the Elegant Themes team bringing you Divi 3.0. We hope you enjoy meeting Thierry and that his story gives you new perspective on who we are as a team and what's in store for the Divi Community in the future. View On Our Blog: http://goo.gl/dcjyPV Subsc

  • New Divi Feature! Introducing Divi Code Snippets.

    New Divi Feature! Introducing Divi Code Snippets.

    by Best Webhosting Added 12 Views / 0 Likes

    Get The Divi Code Snippets Today 🆕 https://www.elegantthemes.com/blog/theme-releases/divi-code-snippets Save Theme Builder Templates To Divi Cloud 🆕 https://www.elegantthemes.com/divi-cloud/ Today we are excited to introduce Divi Code Snippets, a new way to save and manage your most commonly-used code snippets, and to access them whenever you need them right inside the Divi interface. You can save your favorite HTML & Javascript, CSS and collections o

  • How to Create a Floating Pop out Menu in Divi

    How to Create a Floating Pop out Menu in Divi

    by Best Webhosting Added 81 Views / 0 Likes

    Adding a floating pop-out Menu to your website will make it easy for visitors to access your menu at anytime throughout your page. This is great for sub navigation menus that compliment your primary navigation at the top of your page. It also allows you to display menus specific to your page content. For example, you may want to have a custom sub navigation menu for your services page that provides links to all of your different services. In this tuto

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