Beautiful Pro Theme: Display Site Header Banner Image On Home Page Only

In this very short and simple tutorial, i’ll provide one line of code you can add to your Beautiful Pro theme by StudioPress which answers this question asked on the forums by a community member:

Does anyone know how to remove Beautiful’s header image for all pages except the home page. It consumes an awful amount of space.

Here’s the default appearance of the after header image which appears on every page.

Beautiful Pro themes after header image


And now only the front page of your site will display the after header banner image so all other pages will look something like this:

removed after header image beautiful pro theme

You can then easily modify the CSS rules in your child themes style.css file to reduce the padding below the site header.

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.