By default, the Width of each Widget is based on the main 1200px width of the theme/content area. So if you add any type of content inside a widget, it will show up inside the 1200px .wrap
inside the widget area.
Outside of that widget area is the Background Image. The background image shows up full width because it is not contained inside of a div or .wrap
in this case.
There are 2 ways to do it:
1. You could remove the .wrap
from the front-page-1 section in the front-page.php file
2. Add some CSS that makes the front-page-1 .wrap full width like this –
.front-page-1 .wrap {
max-width: 100%;
}
You’ll probably need to make more adjustments in your CSS depending on how the Slider is setup….but the above tip should give you a head start.