Problem with a css import into pagelayout.css

Author Message

christian bencivenni

Tuesday 24 February 2009 6:49:08 am

Hello to you all.
I must override the site-color.css file but actually I don't have write permission on server.
I tried writing a new mods.css file with only:

 

div#topmenu ul li a
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    border-right: none;
}
 

'cause I don't have write permissione I thinked to override putting mods.css file into the directory:
.../my_server_path/design/ezwebin/override/stylesheets/mods.css

and adding to the pagelayout (after all default import) the code:

 

@import url({"mod.css"|ezdesign(no)});
 

so i have:

 

<style type="text/css">
    @import url({"stylesheets/core.css"|ezdesign(no)});
    @import url({"stylesheets/debug.css"|ezdesign(no)});
    @import url({"stylesheets/pagelayout.css"|ezdesign(no)});
    @import url({"stylesheets/content.css"|ezdesign(no)});
    @import url({"stylesheets/websitetoolbar.css"|ezdesign(no)});
    {foreach ezini( 'StylesheetSettings', 'CSSFileList', 'design.ini' ) as $css_file}
    @import url({concat( 'stylesheets/', $css_file )|ezdesign});
    {/foreach}
    @import url({ezini('StylesheetSettings','ClassesCSS','design.ini')|ezroot(no)});
    @import url({ezini('StylesheetSettings','SiteCSS','design.ini')|ezroot(no)});

    @import url({"mod.css"|ezdesign(no)});
</style>
 

In the source code of the page all seems work but the new css right don't override the default one. And nothing changes.

Anyone have suggestion?
Where is my error?

Jon Staines

Wednesday 25 February 2009 5:30:09 am

You probably need:

@import url({"stylesheets/mod.css"|ezdesign(no)});

rather than

@import url({"mod.css"|ezdesign(no)});

Normally the ezwebin stylesheets are in my_server_path/extension/ezwebin/design/ezwebin/stylesheets/ but maybe your install is different.

christian bencivenni

Wednesday 25 February 2009 9:21:30 am

I tried in both way.
Usually it work (I think) becouse in HTML source code of the page displayed I find:
@import url(/design/ezwebin/stylesheets/mod.css);

But right it seems that my mods.css don't override nothing.

Jon Staines

Thursday 26 February 2009 12:57:58 am

If you use Firefox you can install a plugin called Firebug which would allow you to see what styles are applied to each part of the site. You could use this to see if your styles are being included and if they are then overwritten by another one.

Michael schraeber

Sunday 01 March 2009 11:20:00 pm

Hi,

I've got the same problem, too :-(
I installed Firebug and the css rules I made are not shown there. But in HTML source you can find the right CSS file.

best regards,
Michael

Jean-Yves Zinsou

Monday 02 March 2009 4:49:03 am

Maybe you did it already but make sure the webserver has read access for the file you created (mod.css)....

I know it is obvious, but ... who knows... We all can get tired some time and not think about basic checking...

If you use fire bug, there is a menu "network" (mine is in french so this is an approximate translation) near console /html/css/scripts/dom that shows all the elements loaded. Make sure your css file is in it.

Hope this helps !

Regards.

Do Androids Dream of Electric Sheep?
I dream of eZpubliSheep....
------------------------------------------------------------------------
http://www.alma.fr

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.