..................
WORDFLY FEATURE
..................

I want to add the code that will allow me to adjust the percentage widths of 2- and 3-column containers.


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

/* used for 2 and 3 "column" areas */
.two-columns-block .column {
  width: 50%;
}
.three-columns-block .column {
  width: 33.33333333%;
}
.column {
  float: left;
}


With this code:

/* used for 2 and 3 "column" areas */
.two-columns-block .column { width: 50%; }
.three-columns-block .column { width: 33.33333333%; }
.column { float: left; }

/* 2 columns */
.two-columns-block.split-33-66 .column:first-child { width: 33.33333333%; }
.two-columns-block.split-33-66 .column { width: 66.66666666%; }
.two-columns-block.split-66-33 .column:first-child { width: 66.66666666%; }
.two-columns-block.split-66-33 .column { width: 33.33333333%; }
.two-columns-block.split-25-75 .column:first-child { width: 25%; }
.two-columns-block.split-25-75 .column { width: 75%; }
.two-columns-block.split-75-25 .column:first-child { width: 75%; }
.two-columns-block.split-75-25 .column { width: 25%; }
.two-columns-block.split-20-80 .column:first-child { width: 20%; }
.two-columns-block.split-20-80 .column { width: 80%; }
.two-columns-block.split-80-20 .column:first-child { width: 80%; }
.two-columns-block.split-80-20 .column { width: 20%; }

/* 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%; }