• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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.

Authority Pro Theme

Reader Interactions

Comments

  1. Brian Thomas says

    June 3, 2018 at 2:36 am

    Hello: How can I add a home page slider on the home page of the Authority Pro? Thanks.

    Log in to Reply
    • Brad Dalton says

      June 3, 2018 at 4:57 pm

      Where exactly on the front page?

      Log in to Reply
      • Brian Thomas says

        June 3, 2018 at 7:11 pm

        Below the menu in the same spot as the hero area. Thanks.

        Log in to Reply
        • Brad Dalton says

          June 3, 2018 at 7:55 pm

          Try this https://wpsites.net/web-design/add-slider-to-authority-pro-themes-front-page/

          Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.