Conditional tags not working

Question

I'd like to display some CSS only for this page.

In the theme's header.php, I have tried both:

<?php if(is_page('events')) { ?>
<style>
  #main {
    background-image: none;
  }
</style>
<?php } ?>

and

<?php if(is_page(43)) { ?>
<style>
  #main {
    background-image: none;
  }
</style>
<?php } ?>

but these have not succeeded.

I am assuming the slug is "events", and I know the page ID is 43.

Why are these both failing?

Thanks.

Answer 1

instead of echoing your styles anywhere, you can hook your code at wp_head to add it in head or wp_footer to add it in your footer, see if it works for you,

function my_custom_style(){
  global $post;
  if ( !empty ( $post->post_name ) && $post->post_name == 'events' ){ ?>
      <style type="text/css"> 
        #main { background-image: none; }
      </style>
  }

}
add_action ( 'wp_head', 'my_custom_style' );

or

add_action ( 'wp_footer', 'my_custom_style' );

I just saw your page, if you can modify your style then add this to it:

 .events-gridview.events-archive #main {
      background: none;
  }

if you can't then use the

  function my_custom_style(){ ?>
     <style type="text/css"> 
        .events-gridview.events-archive #main {
           background: none;
        }
      </style> <?php
  }

}
add_action ( 'wp_head', 'my_custom_style' );

It would work without conflict.

Answer 2

To get post id outside the loop use below code:

<?php 
global $post; 
$id_of_page_or_post=$post->ID;
if($id_of_page_or_post==43){
//do your stuff
} 
?>

Answer 3

You can use. get_the_ID() function to getting the id of the page or the post. then write a

$id_of_page_or_post = get_the_ID();
if($id_of_page_or_post==43){
// do something
}

for more reference you can look to the Wordpress Codex of get_the_ID