← All field notes

engineering / May 11, 2011

Joomla! Hack - Fix Category Trailing Slash CSS Error in SH404SEF

This is more of a: you should know this, rather than a Hack. I had a problem where any page that had its URL formatted by SH404SEF with a trainling slash "/" instead of HTML, lost its CSS properties.…

Editorial blueprint illustration for Joomla! Hack - Fix Category Trailing Slash CSS Error in SH404SEF
Original Esotech field note / illustration generated for this archive
This is more of a: you should know this, rather than a Hack. I had a problem where any page that had its URL formatted by SH404SEF with a trainling slash "/" instead of HTML, lost its CSS properties. Turns out if you manually insert a template file such as in Dreamweaver and upload with that format it will think that the "/" represents a new base directory. Solve this by using Joomla's own base directory command: <link rel="stylesheet" href="/baseurl ?>/templates/templatename/css/template.css" type="text/css" /> or by using .. to denote the base directory. <link rel="stylesheet" href="/../templates/templatename/css/template.css" type="text/css" />. Either way should work.