WP SITES

Log in

Add Authority Pro Featured Images on Single Pages

—

by

Brad Dalton

This tutorial provides the code which enables you to display featured images on single pages exactly the same as they’re displayed on single posts when using the Authority Pro child theme by StudioPress.

There’s 3 steps :

Step 1 : Go to authority-pro > lib > featured-images.php and modify line 44 like this :

if ( $add_single_image && $image && is_singular(array( 'post','page' ) ) ) {

Step 2 : Go to authority-pro > lib > featured-images.php and modify line 62 like this :

if ( $add_single_image && is_singular(array( 'post','page' ) ) && genesis_get_image() ) {

Step 3 : Add the following CSS to the end of the Authority Pro themes style.css file and clear caching :

.page.has-featured-image .site-inner {
	padding-top: 20px;
}

.page.has-featured-image .authority-featured-image::before,
.single .authority-featured-image::before {
	height: calc(100% + 45px);
}

.sidebar-content.page.has-featured-image .authority-featured-image::before,
.sidebar-content.single .authority-featured-image::before {
	left: auto;
	right: 0;
}

.page.has-featured-image .sidebar .widget:first-of-type {
	margin-top: -60px;
}


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

    .page.has-featured-image .sidebar  .widget:first-of-type {
	    margin-top: 0;
    }

}

That’s it!

2 responses to “Add Authority Pro Featured Images on Single Pages”

  1. Adrianne Avatar
    Adrianne

    Just a heads up bc I’m not sure WHY this happened but I found that my site was pulling in a “featured image” on the home page (that wasn’t actually set, it was some code ghost from when I previously built the home page on Beaver Builder). I got rid of it by adding && ! is_front_page() to the end of Line 44 code in case anyone else runs into that issue

    Reply
  2. Alfonso Avatar
    Alfonso

    Hello,
    I followed the method indicated in the post but the image is not the same size as the demo.
    Is it possible to solve this problem?
    Best Regards,
    Alfonso

    Reply

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.

Tutorial Request

Includes code guarantee and coding support.

Subscribe

Monthly

$75

Access to 10 premium tutorials per month.

Tutorial Request

Includes code guarantee and coding support.

Subscribe

Yearly

$500

Access to 15 premium tutorials per month.

Monthly Tutorial Request

Includes code guarantee and priority coding support.

Subscribe