Title: Multiple styles
Last modified: August 21, 2016

---

# Multiple styles

 *  [SimonGiddings](https://wordpress.org/support/users/simongiddings/)
 * (@simongiddings)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/multiple-styles-1/)
 * Hello,
 * I am coming here with a rather particular question.
    My client, an artist, is
   requesting a wordpress site which has three distinct sections AND styles. – a
   blog section with its own style – a works of art section with its own style –
   a handcraft section with, again, another different style
 * When I mention style, here I am talking about, different header images, background
   colours and even different background side images.
 * I have already used Customizr for my own application blog and am very happy with
   it.
 * Is the need of this artist possible with customizr ?
    Am I pushing the Customizr
   theme beyond its limits (or even those of wordpress) ?
 * Please let me know if I need to clarify my question here.

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795151)
 * It should be possible.
 * With CSS, you can target specific pages, so no problem to have different ‘styles’
   on each page.
 * You might want to consider Nic’s WordPress Font Customizer [extension ](http://www.themesandco.com/extension/wordpress-font-customizer/)
   where you can have incredible flexibilty on font styles.
 * My advice – sounds like a demanding client so make sure you have the requirements
   mapped out before you begin.
 *  Thread Starter [SimonGiddings](https://wordpress.org/support/users/simongiddings/)
 * (@simongiddings)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795337)
 * Thank you for this tip.
    However, I am unsure as to how to “target specific pages”.
 * From what I understand, I will need to create two specialised page templates 
   for the non-blog pages in my child theme.
    I am confused as to how I target these
   page templates within styles.css.
 * Can you help ?
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795341)
 * [@nikeo](https://wordpress.org/support/users/nikeo/) provided a number of classes:
   .
   home = Front Page .blog = Posts Page .page = Other Pages .page-id-n = Selected
   Page
 * So once you have set up your new pages, get the page-id and then append it at
   the front of specific selectors eg
    `.page-id-23 .site-description {background-
   color:purple;}`
 *  [Fxam](https://wordpress.org/support/users/fxam/)
 * (@fxam)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795343)
 * Hi guys,
    I am have a similar problem and was wondering if this also works for
   single page themes?
 * The theme i’m using wants me to use a custom.css instead of editing the styls.
   css. I have managed to change the colors of almost everything just not the page
   sections headers that I want to change independently.
 * Help would be greatly appreciated! (see dvfx.de)
 * Thanks!
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795345)
 * Error in my previous post. .blog should be .post
 *  Thread Starter [SimonGiddings](https://wordpress.org/support/users/simongiddings/)
 * (@simongiddings)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795348)
 * Thanks for this.
    I see how it should work. However, I don’t see how this could
   be applied to a custom page template. The idea here would be to have a separate
   style for all pages using this custom page template.
 * Would I need to create a new set of css classes unique to each custom page template
   within styles.css ?
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795354)
 * That’s how I’d visualize it. Just be structured in how you set up the style.css
   for future maintenance.
 * Rather than one large style.css, you could setup individual custompage.css files
   and use [@import](https://wordpress.org/support/users/import/) at the top of 
   style.css
 *  Thread Starter [SimonGiddings](https://wordpress.org/support/users/simongiddings/)
 * (@simongiddings)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795355)
 * However, this would imply having all the custom page css files loaded systematically.
 * I would prefer, in my child theme, being able to identify which page template
   is being loaded and apply the corresponding css file.
 * Not sure if this is possible though.
 *  Theme Author [presscustomizr](https://wordpress.org/support/users/nikeo/)
 * (@nikeo)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795356)
 * Hi [@simongiddings](https://wordpress.org/support/users/simongiddings/), you 
   are not pushing WordPress to its limits since this is a very common need for 
   clients! 😉
    In your case I would use the [conditional tags](https://codex.wordpress.org/Conditional_Tags)
   provided by WordPress and then add specific stylesheet to your different context
   with this kind of code :
 *     ```
       add_action ('wp_head' , 'my_stylesheets');
       function my_stylesheets() {
       if ( is_page(5) ) {
       ?>
       <style type="text/css">
       /* YOUR STYLE HERE */
       </style>
       <?php
       }
       if ( is_home() ) {
       <style type="text/css">
       /* YOUR STYLE HERE */
       </style>
       }
       }
       ```
   
 * Hope this will help
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795357)
 * ops Nico I was replying with this 😀
 *     ```
       add_action('wp_enqueue_scripts','my_custom_style');
       function my_custom_style(){
           if (tc__f('__is_home')){
               wp_register_style(
                   'dummy_style',
                   get_stylesheet_directory_uri() . '/dummy_style.css',
                   array('customizr-style'),
                   CUSTOMIZR_VER
               );
               wp_enqueue_style('dummy_style');
           }
       }
       ```
   

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

The topic ‘Multiple styles’ is closed to new replies.

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

 * 10 replies
 * 5 participants
 * Last reply from: [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/multiple-styles-1/#post-4795357)
 * Status: not resolved