Authority Pro Full Width Widget Areas

This code enables you to make the front page widget areas full width.

Based on this question from a member :

Do you know if there’s an easy way to make the front page widget areas on the new Authority Pro theme full-width. Currently they’re limited to 1280px. I’d like to have full-width backgrounds on each of those front page widget area.

And here’s the result showing a background color added to the front page 1 widget area which displays full width of the screen at all screen widths :

Here’s the CSS you simply paste at the end of the Authority Pro themes style.css file.

.front-page .site-inner {
    margin: 0 auto;
    max-width: none;
}

.front-page-1 {
    background-color: #f1f1f1;
}

@media only screen and (max-width: 860px) {

	.site-inner {
		padding: 5% 0 0;
	}
	
}

Once you add the CSS to make the widget area backgrounds full width, you can then add background images.