Tweaking XSitePro with External CSS

XSP, uses a style sheet typically named xsp_style.css but you can change the name to anything you desire.

But you cannot edit that stylesheet within XSP, and it is useless to edit it outside XSP, as it gets overwritten by XSP anyway.

But that does not mean you cannot use your own CSS file in XSitePro.

You can add it to the head with  or if you have a lot of CSS, you can create a customstyle.css file containing all your css, and then link to it in the head section by adding a style sheet reference link.

<link rel="stylesheet" href="yourcoolstylesheet.css" type="text/css" />

Then adding that style sheet to your file manager.

Since XSP has no built in CSS editor ... yet ... you need to create the file on your own in another application. I hand code almost everything in notePad, but you can find other free tools here.

You can also add inline CSS to items within the Source Code tab of XSP.

<div style="margin-top: 20px;">blah blah blah</div>

Useful if you only want to tweak 1 single thing and not needing to add CSS, classes and ID's to do it.

For learning CSS, Google is God. Search for CSS Tutorials for the basics. Once you have the basics down, start Googling more specific CSS techniques to do what you want to do.

Posted on 4/8/09 by MrMyles