An Enfold color section is intended to be a full-width element and occupy the entire width of the page layout. However, the content area inside the color section will only stretch as wide as the Container width set in the theme options Enfold > Layout > Dimension > Maximum Container width.

The CSS below will allow you to override the default container behavior and stretch the inner container to span whatever width you specify. To implement the CSS snippet, add a color section and assign that section a unique ID (#custom-section-name). Change the ID to match the section and adjust the width and min-width attributes to whatever percentage you desire.

/* Color section container width */

#custom-section-name .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}