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...

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...

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...

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...

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 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...

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...

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 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 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...

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...

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....

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.

SupportHost

You have Successfully Subscribed!

CodeCanyon Plugins

You have Successfully Subscribed!

Elegant Themes

You have Successfully Subscribed!

Try Divi!

You have Successfully Subscribed!

Divi Plugins

You have Successfully Subscribed!

Advanced Blurbs Plugin

You have Successfully Subscribed!

Bloom!

You have Successfully Subscribed!

Divi Cake Layouts

You have Successfully Subscribed!