feel free to keep it strictly simple...
page specific css file

With LEPTON it's quite easy to use page specific CSS. All you need is:

  • A template that uses the new get_page_headers() method in the header;
  • a specific CSS file ;)

Just name the CSS file after the ID of the page you wish to customize and put it into the template folder. The page ID can be found in the Backend.

Example: PAGE_ID = 95 => Filename 95.css

That's all!

How to check the template

Look for get_page_headers() call in the template header:

<html>
  <head>
  ...some...
  <?php get_page_headers(); ?>
  ...maybe more...
  </head>
  <body>
  ...
  </body>
</html>

How to edit an old template

Look for the old register_frontend_modfiles() calls - example:

   <head>
   ...some...
       <?php 
           if (function_exists('register_frontend_modfiles')) {
               register_frontend_modfiles('css');
               register_frontend_modfiles('js');
       } ?>
   ...maybe more...
   </head>

Replace this with the code you see above.