Adding different image to each page site

• 

  realagenda · Member · Sep 29, 2010 at 1:11 pm

  • Copy link
  • Add topic to favorites

  How do I find the page-id of each of the pages in my site so I can use the below code

  body.page-id-2689 h1.title {background-image:url(“IMAGE-URL”); text-indent:-999em; height:###px; width:###px; padding-bottom:0;}

  to add a different image to each page in the content area where the pages now have the red titles?

  Thank you, greatly appreciate your help.

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Sep 29, 2010 at 9:35 pm

  • Copy link

  First navigate to the specific page you want the code to apply to. Then view the source code (this is often an option when you right-click on an empty area of the page). Now find the body tag and look at the list of classes. You could also search for “page-id-” to save you scrolling. This is where you’ll find the number you need. Rinse and repeat for the other pages you want to modify.

• 

  realagenda · Member · Sep 30, 2010 at 12:21 am

  • Copy link

  Beautiful! Thanks!