DIVI HACK 2.4 #3: ADDING IN MORE THAN 4 COLUMNS

For this hack you are going to edit just two files....

I am only showing off two versions here, but you could do as many crazy ideas as you want....

Load up the includes/builder/functions.php file.

Goto roughly line 2110 and add this code:

Now save he file.

Now open up the includes/builder/styles/style.php file:

At roughly line 427 add in this code:


.et_pb_column_layout_1_5 { width: 17%; }
.et_pb_column_layout_1_5:before { content: '1/5'; }
		.et_pb_column_layout_1_6 { width: 14%; }
		.et_pb_column_layout_1_6:before { content: '1/6'; }

Save the file.

Upload the files though FTP...

In the end you see this output...

DIVI HACK 2.4 #3: ADDING IN MORE THAN 4 COLUMNS

NOTE: THIS is bare bones hack of extra columns.. LOADS of CSS NEEDS to be done for each module to get it to look right!