Hi All,
Just wanted to say don’t worry about answering this (unless you’ve a better solution). I managed to fix my issue. For anyone who might want to achieve the same thing I did the following:
1. Added a full row and set it to “content full width”
2. Inside this row I added 2 custom HTML components and set them to 6 columns so they display side by side
3. I then removed the padding from the spb_content_element
by adding a class to the row and targeting as follows:
.my-custom-row-class .spb_content_element.col-sm-6.spb_raw_html {
padding: 0;
}
4. Finally remove all margin and padding from the parent row and you end up with 2 columns side by side, full width with a custom BG colour.