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.
Brian Thomas says
Hello: How can I add a home page slider on the home page of the Authority Pro? Thanks.
Brad Dalton says
Where exactly on the front page?
Brian Thomas says
Below the menu in the same spot as the hero area. Thanks.
Brad Dalton says
Try this https://wpsites.net/web-design/add-slider-to-authority-pro-themes-front-page/