Forums / Setup & design / Screen resolution

Screen resolution

Author Message

Olivier Moreau

Monday 03 November 2008 11:46:55 am

I just cannot find how to configure the screen resolution when using the basic templates. Thus my site is always 800px wide which is kind of dull on most current monitors...
I sarched in the documentation and this forum without any luck.

Ivo Lukac

Tuesday 04 November 2008 12:10:13 am

Hello Olivier,

This is specified in your stylesheets/site.css. If you increase main site width, you should probably change other elements width also such as columns, menus, etc.

http://www.linkedin.com/in/ivolukac
http://www.netgen.hr/eng/blog
http://twitter.com/ilukac

Olivier Moreau

Wednesday 05 November 2008 12:12:21 pm

Thanks for your reply but I have 3 additional questions

1) Where in the site.css ?

2) How do I use that css given I don't load it :
@import url(/extension/ezwebin/design/ezwebin/stylesheets/core.css);
@import url(/design/standard/stylesheets/debug.css);
@import url(/extension/ezwebin/design/ezwebin/stylesheets/pagelayout.css);
@import url(/extension/ezwebin/design/ezwebin/stylesheets/content.css);
@import url(/extension/ezwebin/design/ezwebin/stylesheets/websitetoolbar.css);
@import url("/extension/ezwebin/design/ezwebin/stylesheets/yui/build/calendar/assets/calendar.css");
@import url(/var/storage/packages/local/Rivelo/files/default/file/classes-colors.css);
@import url(/var/storage/packages/local/Rivelo/files/default/file/site-colors.css);

3) Is there a documentation somewhere for this kind of concern ? (beside the forum and your kind replies)

Ivo Lukac

Wednesday 05 November 2008 12:47:21 pm

Hi again,

It was my mistake. site.css is used in standard and base design. You are using ezwebin which has pagelayout.css for the same purpose. Width is specified at the begining:

div#allcontent
{
	width: 960px;
}

Documentation for this kind of stuff is very thin on eZ site, because there is a lot of CSS docs/howto's/tutorials on the web. For easier work with CSS I suggest that you install some tool like Firebug.

Greetz

http://www.linkedin.com/in/ivolukac
http://www.netgen.hr/eng/blog
http://twitter.com/ilukac

Olivier Moreau

Thursday 06 November 2008 5:03:34 am

Thanks for the additional info.

I already use Firebug and it's a great tool.
I also recommend "Beginning CSS Web dev" by Simon Collison...

Yet, the eZ Publish doc could (should) be more complete in that respect.

The top would be to have an elastic layout... I'm going to try

div#allcontent
{
width: 100%;
}

but, like you said, I should also change other elements width also such as columns, menus, etc... and without any documentation it's not going to be easy.

Olivier Moreau

Monday 10 November 2008 12:12:18 pm

If you are using ezwebin I suggest you try an ELASTIC LAYOUT by simply editing the file : /var/www/html/YOURSITE/extension/ezwebin/design/ezwebin/stylesheets/pagelayout.css

Just change 770px for 100%

div#allcontent
{
width: 100%;
}

Your site will look much better for wide display. So far I cannot find anything else which need ajustement for having the site using all the screen available. It's really cool.

eZ debug

Timing: Jan 30 2025 16:37:44
Script start
Timing: Jan 30 2025 16:37:44
Module start 'content'
Timing: Jan 30 2025 16:37:44
Module end 'content'
Timing: Jan 30 2025 16:37:44
Script end

Main resources:

Total runtime0.2103 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.0067 587.8281370.3047
Module start 'content' 0.00670.0148 958.13281,009.6094
Module end 'content' 0.02160.1887 1,967.74223,897.6641
Script end 0.2103  5,865.4063 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00432.0369200.0002
Check MTime0.00130.6364200.0001
Mysql Total
Database connection0.00070.330910.0007
Mysqli_queries0.119556.80341410.0008
Looping result0.00130.61651390.0000
Template Total0.188389.510.1883
Template load0.00080.358410.0008
Template processing0.187689.163610.1876
Override
Cache load0.00050.254310.0005
Sytem overhead
Fetch class attribute can translate value0.00180.866610.0018
XML
Image XML parsing0.00030.164510.0003
General
dbfile0.00854.0215200.0004
String conversion0.00000.002430.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