...................
WORDFLY FEATURE #1
...................

Add the code that will allow you to select 25%-50%-25% columns for 3-column blocks.

..................
SOLUTION
..................

STEP 1.
Open the HTML Editor at the bottom of your email.



STEP 2.
Scroll down to this section: 
/* tbe content-blocks */

Can't find it? Click in the HTML editor. 
Hit Control-F to search for /* tbe content-blocks */



STEP 3.
Replace this code:

/* 3 columns */
.three-columns-block.split-50-25-25 .column:first-child { width: 50%; }
.three-columns-block.split-50-25-25 .column { width: 25%; }
.three-columns-block.split-25-25-50 .column { width: 25%; }
.three-columns-block.split-25-25-50 .column:nth-child(3) { width: 50%; }


With this code:

/* 3 columns */
.three-columns-block.split-50-25-25 .column { width: 25%; }
.three-columns-block.split-50-25-25 .column:first-child { width: 50%; }
.three-columns-block.split-25-50-25 .column { width: 25%; }
.three-columns-block.split-25-50-25 .column:nth-child(2) { width: 50%; }
.three-columns-block.split-25-25-50 .column { width: 25%; }
.three-columns-block.split-25-25-50 .column:nth-child(3) { width: 50%; }






...................
WORDFLY FEATURE #2
...................

Add the code that will allow you to use 4+ column blocks.

..................
SOLUTION
..................

STEP 1.
Open the HTML Editor at the bottom of your email.



STEP 2.
Scroll down to this section: 
/* tbe content-blocks */

Can't find it? Click in the HTML editor. 
Hit Control-F to search for /* tbe content-blocks */



STEP 3.
After this code:

.three-columns-block .column { width: 33.33333333%; }


Add this code:

.four-plus-columns-block .column { width: 25%; }



STEP 4.
After this code:

.three-columns-block.split-25-25-50 .column:nth-child(3) { width: 50%; }


Add this code:

/* 4+ columns */
.four-plus-columns-block.count-5 .column { width: 20%; }
.four-plus-columns-block.count-6 .column { width: 16.66666666%; }
.four-plus-columns-block.count-7 .column { width: 14.28571428%; }
.four-plus-columns-block.count-8 .column { width: 12.5%; }



STEP 5.
Scroll down to this section: 
/* used for 2 and 3 "column" areas */

Can't find it? Click in the HTML editor. 
Hit Control-F to search for /* used for 2 and 3 "column" areas */



Step 6.
Replace this code:

.two-columns-block .column,
.three-columns-block .column {
  display: block !important;
  width: 100% !important;
}

With this code:

.two-columns-block .column,
.three-columns-block .column,
.four-plus-columns-block .column {
  display: block !important;
  width: 100% !important;
}



STEP 7.
After this code:

.mobile-scale.three-columns-block .column { width: 33.33333333% !important; }


Add this code:

.mobile-scale.four-plus-columns-block .column { width: 25% !important; }
.mobile-scale.four-plus-columns-block.count-5 .column { width: 20% !important; }
.mobile-scale.four-plus-columns-block.count-6 .column { width: 16.66666666% !important; }
.mobile-scale.four-plus-columns-block.count-7 .column { width: 14.28571428% !important; }
.mobile-scale.four-plus-columns-block.count-8 .column { width: 12.5% !important; }