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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems