Forums / Setup & design / How to handle site.css by new style upload

How to handle site.css by new style upload

Author Message

Bernd Grand

Wednesday 11 October 2006 1:11:24 am

I’m new to eZ publish and find it’s a very interesting tool!
I’ve followed the lection "Creating a custom style I-IV" on your homepage and was able to upload my changes as new style also.

Unfortunately the site.css file and settings are lost now.
During the import only the two color css files was requested and uploaded.
How is that with the site.css file and its settings?

I’m interested to change the WIDTH of my site that is currently fixed to 750px.
How can I change the WIDTH now?

Thanks and Best Regards,
Bernd

Claudia Kosny

Thursday 12 October 2006 5:41:23 am

Hello Bernd

I have never followed this lecture so I don't know what exactly happened to your site.css.
I would just insert it into the pagelayout.tpl like you would do with a normal html file.

To do that open the pagelayout.tpl and have alook at the aprt where the css files are imported. This should look roughly like this

<style type="text/css">
    @import url({'stylesheets/core.css'|ezdesign});
    @import url({'stylesheets/site.css'|ezdesign});
    @import url({'stylesheets/debug.css'|ezdesign});
{section var=css_file loop=ezini( 'StylesheetSettings', 'CSSFileList', 'design.ini' )}
    @import url({concat( 'stylesheets/',$css_file )|ezdesign});
{/section}
</style>

I think the loop adds the css files you imported although I am not sure about that. If the site.css is not there anymore just add it again. If it is there, the settings are most likely overwritte by one of the other css files. In this case try to change the order of the files, although this might mean that your settings are overwritten now, this depends on the content of your stylesheets.

To change the width have a look at the css files.Somewhere it will say something about width either for the body tag or for a div which contains the rest of the html. This depends on your css file so I cannot help you there. If you don't know where the stylesheets are located just search for them by their name in the stylesheets folder using the search function on your computer. If you should need help with that just ask.

Greetings from Luxembourg

Claudia