This is a new site for a marine manufacturing company. I like working from local themes and layouts. I also like to use the custom.css file for customization because it lets me see everything in one place, as well as customize other apps and plugins which need tweaks to fit in with our global style. But in this case I'm having a bit of trouble getting it work.
I believe I did everything correctly.
I have one theme for the homepage, titled "homepage." I have another for the inside pages, titled "inside-pages." When you do this with a local theme, you have to add a bit of script to head.php. So I did that as follows.
<?php
// CUSTOM CSS
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
$this->addStyleSheet(T3_TEMPLATE_URL . '/local/css/themes/homepage/custom.css');
}
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
$this->addStyleSheet(T3_TEMPLATE_URL . '/local/css/themes/inside-pages/custom.css');
}
?>
This tells the browser to also check the appropriate custom.css file to see if there are any style overrides which reside there.
To my eye it looks like it should work, but for some reason it isn't. I wondered, after I add my script, do i still need to compile to LESS? Is there another step I failed to follow, beyond creating the local themes and writing the PHP script?
Many thanks to anybody who can shed light.
-Jim Gribble