how i-Blog it
Stay tuned and follow our ‘how to’ tutorials and news
Plugin Update – i-Divi-Post-Settings become Gutenberg Ready with 1.3
Today we are really excited for the major plugin update from its first release. Today I-divi Post settings become Gutenberg ready and really more intuitive thanks to the implementation of Divi Settings right from inside the Backend and Visual Builder too.GUTENBERG...
How to add a Svg Logo to your Divi Website (Integrated Way)
Hi everyone, today we will see a little snippet code in order to add in an integrated way the possibility to upload a Svg logo directly from within your Divi Theme Options panel and customize it just like as any other jpg/png logo. EDIT FUNCTIONS.PHP AND ALLOW SVG...
Divi Hover III – Create a Mac Mockup with just Divi Options and Animate It on Hover
Hi everyone, today we complete our mini series on Divi Hover options with a very simple design you can get with just Divi options and few lines of css. It's a simple Mac mockup slightly skew on hover and simulating the apple (in this case is black but you can achieve...
Divi Hover II – Changing Texts, Colors and Icon of Blurb on Hover with Filters and New Hover Options
Hi everyone, today we want to show a simple but very effective way to take advantage of the new Divi Hover feature. Just overlap two blurb modules and make the one above disappear on hover. So, let's get started e give it a quick look! A SNEAKPEEK This will be our...
Divi Hover I – Two Hover Effects on Divi Blurb Modules
Hi everyone, today we start a new mini series post focused on the new hover options introduced by Divi 3.16. So, let's get started! A SNEAKPEEK Let's see before a sneak peek of our final result, we start this series with two blurb effects: BLURB ONE Your content goes...
React Component Structure – How to Refactor your Divi Modules
Hi everyone, today we want to come back on React talking about some refactoring good practices and how to structure your Divi Modules in more than one component above all. So, let's get started! DEFAULT COMPONENT STRUCTURE When you create a new Divi Extension using...
Divi Modules Power V – How to Create Magnetic Triangles in Divi
Today we come to the last Series post on Divi Modules Power concerning the Text module; we have seen how to create springing up texts, how to use Text modules for creating a Background of different shapes, how to create puzzles with Text modules and lastly how to...
Divi Modules Power IV – How to Create Tooltips with Divi Text Modules
Today we want to create awesome tooltips just using Divi Text modules and few lines of jQuery in a code module. Let's get started with our Divi Modules Power IV! A SNEAKPEEK Let's see before a sneak peek of our final result: Your content goes here. Edit or remove this...
Divi Modules Power III – How to Create a Chain of Puzzles with Divi Text Modules
Hi everyone, today we will talk about background shapes with Divi Text Modules in our third Divi Modules Power Series post. In particular we will see how to create a kind of puzzle pieces just using Divi Text modules and their background options. Let's get started! A...
Divi Modules Power II – How to Create a Background of Shapes just with Text Modules
Welcome to our second Series post on creating shapes with Divi Module backgrounds. Today is a great day, it's been just over a year that Howidivit.com was born and this post is our number 100! So we want to design something colorful to celebrate it. We will focus just...
Divi Modules Power I – How to Make Divi Text Modules Spring up from a Central Text
Today we will start a new design series focusing on the power of Divi Modules Options. Let's start with a simple example of a nice effect we can create just with three Divi text modules and the relative Divi options. A SNEAKPEEK Let's see before a sneak peek of our...
React Styling in Divi Modules Development
Hi everyone, today we want to talk about the styling in React and specifically in our Divi Modules development. So, let's get started! STYLES IN REACT When dealing with styles in React you can feel a little confused cause there are several ways in order to style your...
BlogPage
Plugin Update – i-Divi-Post-Settings become Gutenberg Ready with 1.3
Today we are really excited for the major plugin update from its first release. Today I-divi Post settings become Gutenberg ready and really more intuitive thanks to the implementation of Divi Settings right from inside the Backend and Visual Builder too.GUTENBERG...
How to add a Svg Logo to your Divi Website (Integrated Way)
Hi everyone, today we will see a little snippet code in order to add in an integrated way the possibility to upload a Svg logo directly from within your Divi Theme Options panel and customize it just like as any other jpg/png logo. EDIT FUNCTIONS.PHP AND ALLOW SVG...
Divi Hover III – Create a Mac Mockup with just Divi Options and Animate It on Hover
Hi everyone, today we complete our mini series on Divi Hover options with a very simple design you can get with just Divi options and few lines of css. It's a simple Mac mockup slightly skew on hover and simulating the apple (in this case is black but you can achieve...
Divi Hover II – Changing Texts, Colors and Icon of Blurb on Hover with Filters and New Hover Options
Hi everyone, today we want to show a simple but very effective way to take advantage of the new Divi Hover feature. Just overlap two blurb modules and make the one above disappear on hover. So, let's get started e give it a quick look! A SNEAKPEEK This will be our...
Divi Hover I – Two Hover Effects on Divi Blurb Modules
Hi everyone, today we start a new mini series post focused on the new hover options introduced by Divi 3.16. So, let's get started! A SNEAKPEEK Let's see before a sneak peek of our final result, we start this series with two blurb effects: BLURB ONE Your content goes...
React Component Structure – How to Refactor your Divi Modules
Hi everyone, today we want to come back on React talking about some refactoring good practices and how to structure your Divi Modules in more than one component above all. So, let's get started! DEFAULT COMPONENT STRUCTURE When you create a new Divi Extension using...
Divi Modules Power V – How to Create Magnetic Triangles in Divi
Today we come to the last Series post on Divi Modules Power concerning the Text module; we have seen how to create springing up texts, how to use Text modules for creating a Background of different shapes, how to create puzzles with Text modules and lastly how to...
Divi Modules Power IV – How to Create Tooltips with Divi Text Modules
Today we want to create awesome tooltips just using Divi Text modules and few lines of jQuery in a code module. Let's get started with our Divi Modules Power IV! A SNEAKPEEK Let's see before a sneak peek of our final result: Your content goes here. Edit or remove this...
Divi Modules Power III – How to Create a Chain of Puzzles with Divi Text Modules
Hi everyone, today we will talk about background shapes with Divi Text Modules in our third Divi Modules Power Series post. In particular we will see how to create a kind of puzzle pieces just using Divi Text modules and their background options. Let's get started! A...
Divi Modules Power II – How to Create a Background of Shapes just with Text Modules
Welcome to our second Series post on creating shapes with Divi Module backgrounds. Today is a great day, it's been just over a year that Howidivit.com was born and this post is our number 100! So we want to design something colorful to celebrate it. We will focus just...
Divi Modules Power I – How to Make Divi Text Modules Spring up from a Central Text
Today we will start a new design series focusing on the power of Divi Modules Options. Let's start with a simple example of a nice effect we can create just with three Divi text modules and the relative Divi options. A SNEAKPEEK Let's see before a sneak peek of our...
React Styling in Divi Modules Development
Hi everyone, today we want to talk about the styling in React and specifically in our Divi Modules development. So, let's get started! STYLES IN REACT When dealing with styles in React you can feel a little confused cause there are several ways in order to style your...
Divi Shadows and How to Work with Multiple Ones
Hi everyone, today we will talk about Shadows in Css and in Divi. Just a brief introduction to the box-shadow Css property and then we will see all the Divi power in creating stunning effects with multiple shadows. So, let's get started! CSS SHADOWS The times when the...
Building Divi Modules in React and the Window object
First of all, a note on our Blog activity. From now till half September we will publish just a post a week, it's Summer after all : -) Hi everyone, today we will talk about the Window object and the rule it can play in our Divi Module development. Now, let's get...
Divi Css – @supports and how to condition our Css styles
Hi everyone, we announced in the last post, today we want to continue showing you some news about Css features and how we can use them in our Divi posts and pages. More in detail we will see now how the @supports Css works and when it can come useful to us; in order...
Divi Css – How to use Divi Blurb for navigating your page and the new Css Scroll Snap property
Hi everyone, today here at Howidivit.com we want to show you how you can create a one page website with no scrolling but just scrolling buttons between one section and another. Give it a quick sneakpeek and let's get started! A SNEAKPEEK You can simply go through the...
React in Divi III – How and when use Lifecycle methods in your Divi module development
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! Hi everyone, today we will see how to put in practice what we learned about the Lifecycle methods in React Js; in order to do it we will customize further our...
Divi React III – Lifecycle Hooks in React Workflow
Hi everyone, today we come back to Divi React series and we want to deepen our knowledge about the React Component Lifecycle. Every time we write a component, in fact, there are several hooks or methods that automatically will be executed in different times in respect...
Our Food! Divi Layout and how to Customize our Buttons with Icons
Hi everyone from Howidivit, today we want to pause for a moment our Divi React posts that are almost exclusively for Divi developers and focus on Divi design side. We will give an in-depth look at our last premium Divi Layout and especially how to customize our button...
React in Divi – Handling Events on our Author Card Module
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! Hi everyone, today we will see how to put in practice what we learned about the Handling Events workflow in React Js; in order to do it we will customize further...
Divi React II – Handling Events in React Workflow
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! Hi everyone, last week we talked about React States and how to manage them when developing our custom Divi module. Today we move forward talking...
React in Divi – How to work with state in your custom Divi modules
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! Hi everyone, today we will see in a real example how to work with React States when developing a new custom Divi module. So, let's get started! A SNEAKPEEK Our...
Divi React I – Let’s deepen React States
We promised it about two weeks ago, we would be back on React and its wonderful usage in Divi development workflow, so we start today with our first Divi React appointment. We will focus here on React States and their usage, then in the Friday post we will see them in...
jQuery in Divi – How to create a jQuery documentation button in your posts
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! Hi everyone, today we will put into Divi practice the three jQuery and Js methods we have seen in the last Tuesday post: .each(), .append() and finally...
Divi jQuery – A glance at three useful jQuery and Js methods: .each(), .append() and .replace()
Hi everyone, last week we focused on a newer Javascript library, React. However, for this week we want to come back for a moment on the great power of another - and surely more known - library: jQuery and two of its useful methods. We will see, then, also a...
Divi Marginalia – React JS and why you should know it as Divi Developer
We announced it some weeks ago while writing our Divi 3.1 Series (that led us to the i-Divi Advanced Audio plugin creation). Now, here we are focusing on React Js and the importance it can assume in Divi Developing workflow. So, let's get started!REACT JS, A BRIEF...
i-Divi Advanced Audio: Another Free Divi Plugin by Howidivit
Hi everyone, today we want to officially present the new Divi plugin by Howidivit: i-Divi Advanced Audio. Maybe you already know, if you usually follow our blog, what it is. It's a really simple plugin that let you style and customize your Divi Audio modules going...
Divi Fullwidth ‘Draggable’ Header – Combining jQuery ‘draggable’ interaction and Css in our Premium Layout
SUGGESTED POSTS The following article assumes you have already read the articles on the side. Take a look! This Monday we launched on DiviCake Marketplace ( by the way if you are interested hurry up, until tomorrow you can enjoy 30% discount on all products on...
The jQuery UI Powers and how to include it in your Divi website
Hi everyone, today we will talk about jQuery UI and its stunning powers and, obviously, how we can include it in our Divi website in order to take advantage of its methods. So, let's get started! jQUERY UI, WHAT IT IS AND HOW TO INCLUDE IT First of all, jQuery UI,...
Divi Ads VI – Side Titled Ad on Blog with Bloom and jQuery
SUGGESTED POSTSThe following article assumes you have already read the articles on the side. Take a look!Hi everyone, today we will see how to design our Side Ads system on Blog page in a little different way thanks to Bloom - here nothing new - and few lines of...
How to use jQuery .find, .text and .before with Bloom and Divi
Hi everyone, today we will talk about three jQuery interesting functions: '.find', '.text' and '.prepend'. First of all, however, let's introduce a new method we will follow from here on (with just few exceptions) to write on Howidivit Blog. A NEW WRITING METHOD ON...
Divi 3.1 Step by Step V – Finishing our Divi Audio Advanced plugin
Hi, everyone, today we want to complete our Divi 3.1 Series by finishing our 'i Divi Advanced Audio' plugin. We cover in order 1) How to fix some issues about the rendering on Visual Builder when you are customizing an existing Divi module; 2) How to style your module...
Divi Menu – How we Styled our Vertical Menu
Today we will see how we styled Divi Menus on Howidivit. Let's get started! Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom...
Divi 3.1 Step by Step IV – Adding React rendering and Customizing the Divi Audio module
Hi everyone from Howidivit! Today we are going to talk about a lot of things concerning Divi and the Divi module customization. In the last Series post we have seen how to create a brand new custom module with Divi 3.1. Now we are going to deepen the React component...
Divi 3.1 Step By Step III – How to add a Custom Module
Hi everyone, today we continue our Divi 3.1 Series post; we have already seen how to setup our Divi development environment and how to create our Divi plugin using the "Create Divi Extension" tool by Divi team. Today we will see how to create a custom Divi module. So...
Divi Ads V – Three Side Ad Cards on our Blog page
Today we want to complete definitely our Divi Ads Series. We have already seen in our last two posts how to create in our single post pages a nice Ad system showing the Ads accordingly with the tag of the post. Now we will see how to implement a three side Ad cards...
Divi 3.1 Step By Step II – Setting Up the Divi Environment and Create your first Divi Extension
Hi everyone, today we are here with our second Series post about the new Divi 3.1 and how to create our custom Divi Extension. Specifically today we will see how to set up our Divi development environment. So let's get started! 1) THE DOCKER The Documentation page to...
i-Divi Layouts – Today we start a new Howidivit section dedicated to Free and Premium Divi Layouts
Hi everyone, today we are happy to announce a new Howidivit section. After the i-Divi Plugins one now it is time for a section entirely dedicated to our layouts, both Free and Premium ones. TAKE A LOOK AT THE NEW PAGE First of all let's take a look at the new page. It...
DIVI 3.1 Update I – Intro to the Series
Hi everyone, today we start a brand new developer Series completely focused on the new Divi 3.1 Developers update. Through the Series posts we will see in detail the update changes, we will use the 'Create Divi Extension' tool and we will see how to create a custom...
Divi Ads IV – Refactoring the code and improving a progress label bar
Hi everyone. Today we want to fix some minor issues and do some minor styles fo our Side Post Ads. Let's get started! LET'S REFACTOR First of all let's refactor a bit our code as we have seen in our previous post. CLASS NAMES We start from our class names, we change...
Divi Hooks III – Sizing Featured Images with ‘et_pb_index_blog_width’ and ‘et_pb_index_blog_height’
Hi everyone, today we are here with the new Divi Hooks appointment. We talked about 'epanel_render_maintabs', useful if you want maybe just add a tab with a link or any static code, we deeped the general 'admin_notices' and how to add real custom options pages to the...
PHPDoc and DocBlocks – How to comment your code
Hi everyone, today we want to start a two posts mini series about the Php code commenting practice writing and generating Php Documentation for your code. So, let's get started! PHPDOC AND DOCBLOCKS First of all, let's start with the basics. When you write your code,...
Divi Ads III – Re-styling our post side Ads
Hi everyone, today we will show you how we re-styled our Side Ads on posts. We already covered this topic in a previous post in which we designed a three rumble side ads using Bloom, jQuery and Css. Now we want to go further with a more complex and cleaner design....
WordPress and Github III – How to update your WP plugin from Github
Hi everyone, today we will complete our three-posts mini series on Git, Github and Wordpress. We have already seen the basics of Git and Github and how to place our Wordpress plugin on Github. Now we will see how to update at one time our plugin on Github and in...
Divi Blog – How we style Archive and Category Pages
Today we want to show in very few steps how we styled our Category pages and in particular the three ones we chose for our homepage Blog Card section we covered in the last friday post. So, let's get started with a sneakpeak! TWO COLUMNS LAYOUT First of all let's...
WordPress and Github II – Create a Repo, Add files and Update your Plugin
Hi, today we will deep into Github on our second part of this mini series. We have already seen in the previous post how Git works and we have introduced Github. Now is time to see it in action for hosting our Wordpress plugin!CREATE OUR GITHUB REPOCREATE THE...
Divi Blog Cards – How we restyle our Home blog section
Hi everyone, we have restyled a little our Blog section in Homepage and today we want to share with you how we did it.Till yesterday visiting our homepage you saw a blue Blog Card with our 'Featured Post' at the very top (just below the header section); then scrolling...
WordPress and Github I – How Git and Github work
Hi everyone, today we are going to talk about a great tool for the developing process: Git and marginally the Github appendix. So, let's introduce Git! GIT, WHAT IS IT AND HOW IT WORKS We can take as the first definition of Git that one of Wikipedia: Git (/ɡɪt/[7]) is...
Divi Pattern Background and Svg Gradient Animation II
Hi everyone, in the last two friday posts we covered pattern background topic and how to work with Css animations or adding an animated Svg gradient to it. This time, to complete these three-post mini series we want to join these two elements in one Divi layout....
Divi Post Settings version 1.1 – How to update the plugin in the WordPress Repository
Today we want to continue our Mini Series on Wordpress Plugin update. We already talked about the new features introduced in our i-Divi Post Settings plugin. Now we want to share with you the method we use - taking advantage of just the Terminal and the SVN language -...
HOWIDIVIT
Howidivit was born as a free sharing project about tutorials, layouts and resources on the Divi (by Elegant Themes) world. We also develop free and premium Divi plugins.
