David Scotson

Hi,

have you tried following the example in this thread about pop-ups and fixed-width themes? It appears that some CSS should be enough to fix the glossary pop-ups.

While it all depends on the site you are trying to match, the simplest way to start is to modify the header.html and footer.html of the Moodle site, which are found in the directory of your chosen theme (e.g. yourmoodledirectory/theme/theme_name/header.html), basically copying content across and then edit the Moodle theme's CSS to match colors and fonts.

Anything beyond that is getting more adventurous. If you get stuck then there's a Themes forum for asking questions and some Themes documentation in the wiki. If you do ask any questions in the Themes forum then a link to the current site you want to match would ensure you get the best possible advice.

Although there's not actually much to see at the site yet, what content is there claims to be doing everything 'the right way', e.g. they're selling services (server hosting, consultancy, custom development) rather than proprietary code, and the code they use is stock, the exact same as you can download for free with any adaptations they made being fed back under on OSS licence. While I know nothing about the company in question I'm not sure why anyone should be suspicious at this stage.

After all, charging people for a hosted service or for consultancy is a far more 'respectable' business proposition than 'giving software away for free'.

Assuming you're setting the width of #page try this:

#page {
    border: thick solid red;
    width: 780px;
    margin: 0 auto;
}

The border is just so you can see what is happening as you try things out. The width is necessary (though it can be e.g. 90% or 40em) and the margin's are 'automatically' set to be exactly half of what is left over, half on the left, half on the right.

I don't have a Windows PC handy to try this, I know this is one thing that Internet Explorer can be picky about. But try this first before getting fancy.

edit: the ever useful simplebits provides CSS centering 101 which includes the hacky workaround that makes it work with IE version 5.

The best way to experiment with themes is to use either:

• Web developer extension for Firefox (use the Edit CSS option)
• The Interactive Chameleon Theme

Getting back to your original question: do you mean you want the forums to take up the entire horizontal width? Most themes do that by default so are you building upon a particular theme?

As for refreshing themes, the very worst you should have to do is visit the .css file directly and force refresh it (shift-F5) until you see the actual changes in the file text. Again the web developer extension lets you switch of the cache so you should see changes instantly anyway if you use that.