Multiple styles

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 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.

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 ?

@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;}

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!

Error in my previous post. .blog should be .post

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 ?

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 at the top of style.css

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.

Hi @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 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

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');
    }
}