Add Different Background Color To Site Title With Different Background Image On Each Post & Page

This code enables you to add a semi transparent background or any other background color to the site title. It also enables you to change the degree of transparency to the site titles background on different pages.

On top of this you can style the site title differently on all single posts and pages where the title is already displayed over a background image.

You can add the background-color to the site title or on top of a background-image for your site title.

You can also use a different header image for each post and page.

Assumes the use of the WP Display Header plugin to change header images. You could use code instead.

Demo Video

Lets recap. The code in this tutorial enables you to:

  • Style each unique site title on every single post and page differently.
  • Add a unique header image to every single post/page
  • Add and style a unique background color behind each site title which floats over each header image

Tested using the Lifestyle Pro child theme by StudioPress.

Here’s the code and instructions for logged in members:

Join 5000+ Followers

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