I found a solution.
1. Add a section with 2 columns. Change the section to full width layout. Add your background color or background image to the column you want.
2. Add an inner section with 2 columns inside each of the full width section columns. On each inner column of the inner sections add a custom class with your site width divided by 2. E.g., my site width is 1300px so I add a css class to each inner column with 650px as width.
.my-full-half-section{
width:650px!important;
max-width: 650px!important;
min-width: 650px!important;
}
The outer columns of the inner columns will act as a margin an keep the column data inline width the website boxed width on any screen size.
