Title: Customizing different pages
Last modified: August 21, 2016

---

# Customizing different pages

 *  Resolved [nodell](https://wordpress.org/support/users/nodell/)
 * (@nodell)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/)
 * In order to customize the pre-set details in my theme, I’m using this code:
 *     ```
       }
       .menblock{
        	height: 60px;
       }
   
       #mainmen{
       	position: relative;
       	z-index: 70;
       	background: rgba(0,0,0,0.1) url("http://www.nicoleodell.com/newsite/wp-content/uploads/2014/01/blue_color.jpg");
       }
   
       .headblock {
       background: url("http://www.nicoleodell.com/newsite/wp-content/uploads/2014/01/blue_header21.jpg") repeat center;
       box-shadow: none;
       margin-bottom: 0;
       margin-left: 100;
       	margin-top: 0;
       	padding: 0;
       height: 90px;
       }
       ```
   
 * But on certain pages, I’d like to use different images than the two listed above.
   I asked my theme support what I needed to do to indicate the change for specific
   pages. This was the answer I received:
 * “The reason that the code that you add will not work is that the header is fired
   before the code that you want to add.
 * You’ll have to write a custom solution to accomplish this.”
 * But that code does work to accomplish what I’m trying to do with it. Now I just
   need it to point to specific pages. Can anyone advise?
 * Here’s an example of a page where I want to slightly change the code as I have
   it above…so it would look the same except be red and have the title of choose
   now radio instead of ministries. [http://www.nicoleodell.com/newsite/choose-now-radio/](http://www.nicoleodell.com/newsite/choose-now-radio/)(
   site under construction)
 * Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554287)
 * What you can do is target the element and the body class(es):
 * That page outputs:
 *     ```
       <body class="page page-id-36 page-template-default custom-background">
       ```
   
 * So you can use CSS like this:
 *     ```
       .page-id-36 #mainmen{
       position: relative;
       z-index: 70;
       background: rgba(0,0,0,0.1) url("http://www.nicoleodell.com/newsite/wp-content/uploads/2014/01/ANOTHER_FILE.jpg");
       }
       ```
   
 * etc.
 *  Thread Starter [nodell](https://wordpress.org/support/users/nodell/)
 * (@nodell)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554313)
 * hey! That worked great!!!
    Thank you!
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554317)
 * Glad to help. Please mark this post as resolved if so.
 *  Thread Starter [nodell](https://wordpress.org/support/users/nodell/)
 * (@nodell)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554482)
 * Thank you!
 *  [Chic23](https://wordpress.org/support/users/chic23/)
 * (@chic23)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554483)
 * Hello I needed to jump in on a resolved case so hopefully I can get some assistance.
   I hope you don’t mind. My website is showing code with “warnings” all over the
   place.
 * [http://lowvalleypictures.com/](http://lowvalleypictures.com/)
 * Any help would be great!
 * -Chic

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Customizing different pages’ is closed to new replies.

## Tags

 * [&quot;](https://wordpress.org/support/topic-tag/quot/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [Chic23](https://wordpress.org/support/users/chic23/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/customizing-different-pages/#post-4554483)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
