By Stephen Walker
Share
This allows you to create a skewed background for columns on the left and right. Change skewX to skewY, and it will be on the top and bottom. More tips like this from Kevin Powell.
.skewy .fusion-column-wrapper {
position:relative;
isolation: isolate;
padding:32px;
}
.skewy .fusion-column-wrapper::after{
position:absolute!important;
content:"";
z-index: -1!important;
inset: 0!important;
transform:skewX(-5deg)!important;
background-color:var(--awb-color5)!important;
}
Originally published on Feb. 16, 2023