Stephanie Smith

You will add all text into 1 Text Block, like this​

Stephanie smith 1 min

add #### symbol

under first #### symbol ​

Stephanie smith 2 min

will become first column text

Stephanie smith 3 min

under second #### symbol

Stephanie smith 4 min

will become second column text

Stephanie smith 5 min

This code (Line 162 to Line 233 will split text), Do not delete it

Stephanie smith 6 min

This code will split text to 2 Columns

Stephanie smith 7 min

This code will control gap between First Column text – Heading (text above first ####)

Stephanie smith 8 min

In my case, it is

Stephanie smith 9 min

This will control gap between First Column – Second Column text (on Desktop – Mobile)

Stephanie smith 10 min

You can adjust it to understand easier.

Stephanie smith 11 min

Stephanie smith 12 minThis code will remove default padding of Heading 4 (New Year Customer Stories Campaign)

Stephanie smith 13 min

This code will adjust default top/bottom padding of Paragraph (AWS: HEADSPACE & TONAL)

Stephanie smith 14 min

To change font size of First – Second column text on Mobile, use this code to this position

@media screen and (max-width:767px) {
body.collection-6339fdade0eb1048f9ca47cd.view-item .between-section *, body.collection-6339fdade0eb1048f9ca47cd.view-item .after-section * {
    font-size: 8px !important;
}}

Stephanie smith 15 min

Result

Stephanie smith 16 min

 

Buy me a coffee