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.

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.