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.
Was This Tutorial Helpful?