Listing Category: Row Module

Divi UI Challenge #6 – Phone App Promo

For this week’s Divi UI Challenge we bring you a Phone App Promo Section. We utilised some (very simple) image/graphic-editing tools for this tutorial, and, as usual, we pulled this one together using mainly the standard Divi Builder…

Split Background Image In Divi Page

A post in a Facebook group let me create a layout like this. Resource: You need Divi. Procedure: Create a standard row with 1/2 + 1/2 module. Put a text module in the left column and put content in it. Open “Section Module Setting”. Add a new background…

Creating whitespace with draggable widths and heights in Divi Visual Builder

In this post I’ll remind you how to access an elements Settings panel to change margin and padding values, show you how to use draggable padding for Sections and Rows and introduce you to a few Hotkeys that make using draggable padding even easier…

Add transparent Color Overlays to Sections

Learn how to add transparent Color Overlays to Sections. A client uploaded a bright background image and made the overlying text unreadable. This is how you can setup a transparent Color Overlay that will always be there…no matter what image your client uploads…

Add two column switch to any Divi site

Are your 2-column Divi layouts mobile friendly? We don’t just mean “can you read it on a mobile device?” Or “can you navigate with ease?”, no. If the majority of viewers are using a mobile device, why isn’t that a higher priority in UI/UX?…

Divi Extended Column Layouts – 5/6/7/8 Column Layouts

I have been using the Divi builder for some time now and one of the most asked for features seems to be a 6 column layout. I saw in one of the groups recently someone had written something to release but it required a code change to the core which wasn’t ideal. I decided to try and work around any core code changes and came up with this proof of concept plugin. I have copied the 4 col CSS and modified it to suit 6 cols along with several breakpoints to drop from 6 to two rows of 3, then to three rows of 2 and finally 1 per row…

Image in blurb without margin

I like to have image in blurb without margin, and txt with margine. so i like to have blurb with image like in left picture, and txt like in right picture. How to do it??

How to remove gaps in divi modules

By default divi sections and rows have top and bottom padding. But if you don’t want to see any gaps between the sections then you need to define 0 padding for the sections and rows under the section/row module settings…

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.

 

You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!
close