Default configuration for rows and sections makes its inner elements visibility limited to this row or section borders. This is useful if you want to use some layers cropped only for this row or section, and do not overlap on previous or next row or section (which is the most popular solution).
With default configuration, section which contains some layers will looks like that:
However, sometimes you might need to enable elements visibility outside row or section. This is useful for example if your elements contains some box shadows which are cropped originally.
If you’ll enable elements visibility for section which contains the same layers as above, the result will looks like that:
How to enable elements visibility outside row or section?
Open row or section settings in WPBakery Page Builder (formerly: Visual Composer) editor, and scroll down to the “Extra class name” field and put there one of this classes, related to correct element:
- ueldo-vc-row-overflow-visible (for rows)
- ueldo-vc-section-overflow-visible (for sections)
Save changes and check your website – elements inside this row or section should be displayed without any overflow limits. Sometimes it might be required to add those extra classes both to row and it’s parent section.