• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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:

Register for full access

Lifestyle Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.