Edit File by line

/**

[0] Fix | Delete

* Third party themes might sets html / body to `100%` which might cause preview height issue

[1] Fix | Delete

[2] Fix | Delete

html,

[3] Fix | Delete

body {

[4] Fix | Delete

height: auto !important;

[5] Fix | Delete

}

[6] Fix | Delete

[7] Fix | Delete

/**

[8] Fix | Delete

* Force set overflow auto on html tag that needs it (in DBP context)

[9] Fix | Delete

[10] Fix | Delete

.et-block-layout-force-overflow-auto {

[11] Fix | Delete

overflow: auto !important;

[12] Fix | Delete

}

[13] Fix | Delete

[14] Fix | Delete

/**

[15] Fix | Delete

* Remove unwanted divi builder window padding top and bottom

[16] Fix | Delete

[17] Fix | Delete

body.et-block-layout-preview #page-container {

[18] Fix | Delete

padding-top: 0 !important;

[19] Fix | Delete

}

[20] Fix | Delete

[21] Fix | Delete

body.et-block-layout-preview .et_pb_post.et-fb-iframe-ancestor {

[22] Fix | Delete

margin-bottom: 0 !important;

[23] Fix | Delete

padding-bottom: 0 !important;

[24] Fix | Delete

}

[25] Fix | Delete

[26] Fix | Delete

/**

[27] Fix | Delete

* Basic styling of layout block preview. All the anchestor shouldn't be visible

[28] Fix | Delete

[29] Fix | Delete

.et-pb-layout-preview-ancestor,

[30] Fix | Delete

.et-pb-layout-preview-ancestor > #et-boc {

[31] Fix | Delete

margin: 0 !important;

[32] Fix | Delete

padding: 0!important;

[33] Fix | Delete

display: block !important;

[34] Fix | Delete

border: none !important;

[35] Fix | Delete

box-shadow: none !important;

[36] Fix | Delete

float: none !important;

[37] Fix | Delete

background: transparent !important;

[38] Fix | Delete

}

[39] Fix | Delete

[40] Fix | Delete

/**

[41] Fix | Delete

* Reset visual builder ancestor styling to make sure correct positioning

[42] Fix | Delete

[43] Fix | Delete

.et-fb-root-ancestor {

[44] Fix | Delete

width: 100% !important;

[45] Fix | Delete

min-width: 100% !important;

[46] Fix | Delete

margin: 0 !important;

[47] Fix | Delete

}

[48] Fix | Delete

[49] Fix | Delete

/**

[50] Fix | Delete

* Layout positioning fix on Divi Builder Plugin context. A theme can have reset style which

[51] Fix | Delete

* affecting the layout positioning

[52] Fix | Delete

[53] Fix | Delete

.et_divi_builder .et-pb-layout-preview-ancestor > #et-boc {

[54] Fix | Delete

max-width: none !important;

[55] Fix | Delete

width: auto;

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete

/**

[59] Fix | Delete

* Force width correction in Divi Builder Plugin if theme has loop wrapper's width styling which

[60] Fix | Delete

* makes layout preview template couldnt' reach full width without this reset

[61] Fix | Delete

[62] Fix | Delete

.et_divi_builder .et-pb-layout-preview-width-correction {

[63] Fix | Delete

max-width: none !important;

[64] Fix | Delete

width: auto !important;

[65] Fix | Delete

}

[66] Fix | Delete

[67] Fix | Delete

/**

[68] Fix | Delete

* Pseudo element might be used for manipulating layout and UI related style. Thus, only reset the

[69] Fix | Delete

* UI styling aspect that is more likely not needed in block layout preview

[70] Fix | Delete

[71] Fix | Delete

.et-pb-layout-preview-ancestor:before,

[72] Fix | Delete

.et-pb-layout-preview-ancestor:after {

[73] Fix | Delete

box-shadow: none !important;

[74] Fix | Delete

background: transparent !important;

[75] Fix | Delete

}

[76] Fix | Delete

[77] Fix | Delete

[78] Fix | Delete

* Hide any DOM outputted via wp_footer(), possibly by plugins

[79] Fix | Delete

[80] Fix | Delete

#block-layout-preview-footer {

[81] Fix | Delete

display: none;

[82] Fix | Delete

}

[83] Fix | Delete

[84] Fix | Delete