Adding columns within columns

Hey Ryan,
Thank you for the link to your page, I wouldn’t recommend forcing the nesting of columns with the Avia Layout Builder Debugger perhaps I can help you achieve this another way, currently your “icons” are images in a table and are side-by-side, what is about this setup that is not to your liking?

Best regards,
Mike

Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#main .main_color .avia_textblock td {
    border-color: transparent;
}
#main .main_color .avia_textblock tr,
#main .main_color .avia_textblock table {
    background: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, to adjust the text try this css:

#main .main_color .avia_textblock td .p1 {
    margin: 0;
    line-height: 20px;
    font-size: 18px;
    color: #000;
}

To remove the extra padding & margin from the images above to tighten it up, try this css:

#main .main_color .avia_textblock td img {
	margin: auto;
	padding: 0;
}
#main .main_color .avia_textblock tr:nth-child(1) td {
	padding: 0;
}

Please see the screenshot in the Private Content area of the expected results.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike