Add Beautiful Pro Themes After Header Banner Image To Genesis Sample Theme

If you like the after header banner image on the new Beautiful Pro theme by StudioPress, i’ll show you how to put it on your own site?

On top of this, you can also use this code to display different images conditionally.

Note: If your theme already includes support for a custom background and you use it, then this code is not for you. There are other options.

Code

Here’s the code:

I’ve added CSS to hide the site-header on this theme however you may want to remove it on other themes.

Images

You will need to upload at least one image with the file name header-banner.png image (2000px width by 200px height) to your themes images folder.

The code should also work on other themes however may involve some minor changes.

That’s all there is to it. A quick 2 minute copy and paste job and you can add some attractive images across your entire site.