Wordpress >> Using different CSS for differnet pages

Question

I have having an issue with the following code :

<!--CSS files -->
<?php

function my_styles_method() {
    // Register the style like this for a theme:  
    wp_register_style('my-custom-style', get_template_directory_uri() . '/includes/front-page.css');
    // enqueue the stule  
    wp_enqueue_style('my-custom-style');
    // Register the style like this for a theme:  
    if (is_page_template('our-story.php')) {
        wp_register_style('my-custom-style', get_template_directory_uri() . '/includes/main.css');
        // enqueue the stule  
        wp_enqueue_style('my-custom-style');
    }
}

add_action('wp_enqueue_scripts', 'my_styles_method');
?>

I am using the page template our-story.php and using the function as specified here :http://codex.wordpress.org/Conditional_Tags but somehow the main.css file doesn't get loaded. When I comment out the code for the front-page.css file and remove conditional statements than main.css files loaded and works correctly but not within this condition. I am not sure if I am using it correctly.

Looking forward to your response.

enguerranws · Accepted Answer · 2014-01-04 15:13:21Z

4

Why don't you use the body classes ? http://codex.wordpress.org/Function_Reference/body_class

You can target whatever page / template you want with those classes. Ex:

<body <?php body_class(); ?>>

On the homepage will give you :

<body class="home page page-id-14 page-template page-template-home-php ">

So, if you want specific CSS for homepage :

.home { Your styles }

answered Jan 4, 2014 at 15:13

enguerranws

8,2338 gold badges53 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nathandrake Over a year ago

will try it out and let you know how it goes

psxls · Accepted Answer · 2014-01-05 01:32:46Z

-1

I think may use this.

if(is_page( 42 )) // id, title or slug name

edited Jan 5, 2014 at 1:32

psxls

6,9456 gold badges34 silver badges50 bronze badges

answered Jan 5, 2014 at 1:08

Abid

12 bronze badges

Collectives™ on Stack Overflow

Wordpress >> Using different CSS for differnet pages

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related