Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
CSS for a particular page
This is probably really obvious to most of you, but it impressed me so I thought I'd write it here for those who aren't programmers.

I needed some special css formatting for a couple of particular pages. The css file is a couple of hundred lines long so I didn't really want it read for every page, plus some of its formatting might overwrite the general template, which I also didn't want to do.

It was really simple due to good development docs, thanks to the developers.

What I did was test for the page's slug and, if it was the ones I wanted, include the css file. That way, for most pages the css is not included which means the user's browser doesn't have to parse a couple of hundred lines of unnecessary css.

This is how easy it is:
<?php $myslug = return_page_slug(); if ( $myslug == "books" || $myslug == "about" )
{ include 'books.php' ; } ?>

books.php is the css encapsulated in <?php ... ?> tags with one echo statement at the beginning. PHP's multi-line echo makes this sort of thing easy.

In-line css is supposed to go in the <head> section so that is where I put the statement, just below the IE6 flicker hack, in template.php.

You can see the result by viewing the source of

Many thanks to the developers for CS. I very much like the simple and well-thought out way of doing things in it.


Messages In This Thread
CSS for a particular page - by NickC - 2010-04-15, 14:46:02
CSS for a particular page - by TheBlueOne - 2010-04-16, 01:32:11
CSS for a particular page - by NickC - 2010-04-16, 11:13:25

Users browsing this thread: 1 Guest(s)