Forums / Setup & design / css from extension doesnt render

css from extension doesnt render

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

eZ debug

Timing: Jan 31 2025 01:19:42
Script start
Timing: Jan 31 2025 01:19:42
Module start 'content'
Timing: Jan 31 2025 01:19:42
Module end 'content'
Timing: Jan 31 2025 01:19:42
Script end

Main resources:

Total runtime0.3535 sec
Peak memory usage8,192.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0075 587.9531370.2891
Module start 'content' 0.00750.0271 958.24221,001.5625
Module end 'content' 0.03460.3188 1,959.80473,891.9922
Script end 0.3534  5,851.7969 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00531.4896200.0003
Check MTime0.00160.4442200.0001
Mysql Total
Database connection0.00080.229410.0008
Mysqli_queries0.235166.51031410.0017
Looping result0.00150.42651390.0000
Template Total0.318490.110.3184
Template load0.00100.296210.0010
Template processing0.317389.769110.3173
Override
Cache load0.00080.220710.0008
Sytem overhead
Fetch class attribute can translate value0.00210.589310.0021
XML
Image XML parsing0.00030.084610.0003
General
dbfile0.01795.0612200.0009
String conversion0.00000.001130.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs