Title: Different Header for Sub-Pages
Last modified: October 15, 2016

---

# Different Header for Sub-Pages

 *  Resolved [changeyouraltitude](https://wordpress.org/support/users/changeyouraltitude/)
 * (@changeyouraltitude)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/)
 * Hi,
 * I had recently created sub-pages (ie pages with a Parent page) and – sub-sub 
   pages. So the hierarchy goes like:
 * Getting Started
    >Credit Cards >>Best No-Fee Credit Cards
 * I had asked for help with CSS to allow a different header for different pages–
   which worked beautifully, but for some reason, the css doesn’t seem to flow through
   to the “children” pages – does anyone know what kind of CSS I could use for this?
 * Parent Page:
    [http://changeyouraltitude.net/getting-started/](http://changeyouraltitude.net/getting-started/)
 * Sub Page:
    [http://changeyouraltitude.net/getting-started/credit-cards/](http://changeyouraltitude.net/getting-started/credit-cards/)
 * Sub-Sub Page:
    [http://changeyouraltitude.net/getting-started/credit-cards/best-no-fee-credit-cards-for-travel/](http://changeyouraltitude.net/getting-started/credit-cards/best-no-fee-credit-cards-for-travel/)
 * CSS for different header for pages:
    .getting-started .titleclass, .contact .
   titleclass, .about .titleclass { background-repeat: vertical; background-position:
   top center; background-size: contain; background-image: url([http://changeyouraltitude.net/wp-content/uploads/2016/08/header-background-3.png](http://changeyouraltitude.net/wp-content/uploads/2016/08/header-background-3.png));}
 * Thanks in advance!
    -  This topic was modified 9 years, 7 months ago by [changeyouraltitude](https://wordpress.org/support/users/changeyouraltitude/).

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

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/#post-8316730)
 * Your getting started page is page id 2935. So in your css if you wanted to change
   for all it’s child pages you would need to use:
 *     ```
       .parent-pageid-2935 .titleclass {
       background-repeat: vertical;
       background-position: top center;
       background-size: contain;
       background-image: url(http://changeyouraltitude.net/wp-content/uploads/2016/08/header-background-3.png);
       }
       ```
   
 * Ben
    Kadence Themes
 *  Thread Starter [changeyouraltitude](https://wordpress.org/support/users/changeyouraltitude/)
 * (@changeyouraltitude)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/#post-8331500)
 * Thanks so much!
 * I applied it and it seems to have worked for the child page, but not the (um)
   child’s page?
 * so:
    getting started >credit cards (worked!) >>no-fee credit cards (did not apply)
 * Did I miss something?
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/#post-8351360)
 * Hey,
    Sorry for the delay.
 * The parent of no-fee credit cards is credit cards so you would use the same method
   but the css page id for the parent page would be the credit card id. so this:
 *     ```
       .parent-pageid-1560 .titleclass {
       background-repeat: vertical;
       background-position: top center;
       background-size: contain;
       background-image: url(http://changeyouraltitude.net/wp-content/uploads/2016/08/header-background-3.png);
       }
       ```
   
 * I hope that helps,
 * Ben
    Kadence Themes
 *  Thread Starter [changeyouraltitude](https://wordpress.org/support/users/changeyouraltitude/)
 * (@changeyouraltitude)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/#post-8355958)
 * This makes sense! thanks for the info – i’ll roll this forward to any other parent-
   child-child pages I have. Thanks so much!

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

The topic ‘Different Header for Sub-Pages’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinnacle/1.8.10/screenshot.png)
 * Pinnacle
 * [Support Threads](https://wordpress.org/support/theme/pinnacle/)
 * [Active Topics](https://wordpress.org/support/theme/pinnacle/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinnacle/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinnacle/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [changeyouraltitude](https://wordpress.org/support/users/changeyouraltitude/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/different-header-for-sub-pages/#post-8355958)
 * Status: resolved