Forums / Setup & design / css from extension doesnt render

css from extension doesnt render

Previous topic

Setup & design

Next topic

Author	Message
Erland Flaten	Tuesday 20 October 2009 2:03:13 am I have made a designextension, but the css from the extension doesent render. The div#header that get rules from site-colors and the extensions css file http://www.vintersportsregionen.no/var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css http://www.vintersportsregionen.no/extension/vsp/design/vsp/stylesheets/vsp.css I have looked at settings but cant see where the problem is. Her are some of them: settings/override/site.ini.appende.php has: [ExtensionSettings] ActiveExtensions[]=ezodf ActiveExtensions[]=ezoe ActiveExtensions[]=ezurlaliasmigration ActiveExtensions[]=ezwebin ActiveExtensions[]=vsp .... [SiteSettings] DefaultAccess=vsp SiteList[]=vsp SiteList[]=site .... [SiteAccessSettings] CheckValidity=false AvailableSiteAccessList[]=vsp AvailableSiteAccessList[]=site settings/override/design.ini.php SiteCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css ClassesCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/classes-colors.css siteaccess/vsp/site.ini.append.php : [DesignSettings] SiteDesign=vsp AdditionalSiteDesignList[]=ezwebin AdditionalSiteDesignList[]=base .. siteaccess/vsp/design.ini.append.php SiteCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css ClassesCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/classes-colors.css CSSFileList[]=yui/build/calendar/assets/calendar.css CSSFileList[]=vsp.css extension/vsp/settings/design.ini.append.php [ExtensionSettings] DesignExtensions[]=vsp I have another site that use a design extension. The css looks ok at that site and the css rules from my css-file is used. Erland Flaten Lilllehammer, Norway
André R.	Tuesday 20 October 2009 5:16:03 am SiteCSS and ClassesCSS are normally the last thing to load among the css files. So they override any prior styles. You'll see that when debugging the styles using Firebug or similar tools for your browser. So either add the changes into the site-colors.css, or use !important (ugly), or use a css selector with higher precission and therefor higher priority like div#header-position div#header (slightly ugly as well). Cleanest approach is creating your own site style package, but it is a bit of a manual work since there is no gui to add additional style images or edit css files after you have created the package, so you'll have to edit it directly on filesystem before you export it as a package (if you want to). eZ Online Editor 5: http://projects.ez.no/ezoe \|\| eZJSCore (Ajax): http://projects.ez.no/ezjscore \|\| eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription @: http://twitter.com/andrerom

Author

Message

Erland Flaten

Tuesday 20 October 2009 2:03:13 am

I have made a designextension, but the css from the extension doesent render.

The div#header that get rules from site-colors and the extensions css file

http://www.vintersportsregionen.no/var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css

http://www.vintersportsregionen.no/extension/vsp/design/vsp/stylesheets/vsp.css

I have looked at settings but cant see where the problem is. Her are some of them:

settings/override/site.ini.appende.php has:

[ExtensionSettings]
ActiveExtensions[]=ezodf
ActiveExtensions[]=ezoe
ActiveExtensions[]=ezurlaliasmigration
ActiveExtensions[]=ezwebin
ActiveExtensions[]=vsp
....

[SiteSettings]
DefaultAccess=vsp
SiteList[]=vsp
SiteList[]=site
....

[SiteAccessSettings]
CheckValidity=false
AvailableSiteAccessList[]=vsp
AvailableSiteAccessList[]=site

settings/override/design.ini.php

SiteCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css
ClassesCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/classes-colors.css

siteaccess/vsp/site.ini.append.php :

[DesignSettings]
SiteDesign=vsp
AdditionalSiteDesignList[]=ezwebin
AdditionalSiteDesignList[]=base
..

siteaccess/vsp/design.ini.append.php

SiteCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/site-colors.css
ClassesCSS=var/storage/packages/eZ-systems/ezwebin_design_blue/files/default/file/classes-colors.css
CSSFileList[]=yui/build/calendar/assets/calendar.css
CSSFileList[]=vsp.css

extension/vsp/settings/design.ini.append.php

[ExtensionSettings]
DesignExtensions[]=vsp

I have another site that use a design extension. The css looks ok at that site and the css rules from my css-file is used.

Erland Flaten
Lilllehammer, Norway

André R.

Tuesday 20 October 2009 5:16:03 am

SiteCSS and ClassesCSS are normally the last thing to load among the css files. So they override any prior styles. You'll see that when debugging the styles using Firebug or similar tools for your browser. So either add the changes into the site-colors.css*, or use !important (ugly), or use a css selector with higher precission and therefor higher priority like div#header-position div#header (slightly ugly as well).

* Cleanest approach is creating your own site style package, but it is a bit of a manual work since there is no gui to add additional style images or edit css files after you have created the package, so you'll have to edit it directly on filesystem before you export it as a package (if you want to).

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom