How to change this...????

Hi,
i'm still developing the website, and all is going smoothly but I have a bit problem with the template, the problem is that
I cant make the template wide and fit to the screen..

http://i9.photobucket.com/albums/a53/atreyudevil/prob.jpg

I've open the f.a.q and tutorial and follow every single step that the tutorial told me to do such as..

FOR v1.3.x, assuming you've based your template on "template_default": open your stylesheet and find

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

Simply change 100% to 750px or whatever width you desire

and still not working...
this template is very nice and it is a miss if I have to use other template.

pls help me..!!

I just tested this and it works changing the #mainWrapper to 100%, you also have to remember to change #navCatTabsWrapper to 100% also.

Are you sure you changed the stylesheet in the correct directory for the sophie blue template and not the stylesheet in the default template directory?

barco57:

I just tested this and it works changing the #mainWrapper to 100%, you also have to remember to change #navCatTabsWrapper to 100% also.

Are you sure you changed the stylesheet in the correct directory for the sophie blue template and not the stylesheet in the default template directory?

Yes, i've change the #mainWrapper and the #navCatTabsWrapper to 100%,
I've also use the stylesheet in the directory in the folder template and not the default template folder. :wacko:

If you post a url to the site rather than to a screenshot, it allows others to examine your css using Firefox/Web Developer Toolkit and to probably identify exactly where your error is.

OK sure...

the url is
http://www.xps-station.com/zen/

pls do see what can you assist....

The browser will load both stylesheet.css and stylesheet1.css ... the latter still fixes the width of #mainWrapper at 750px (line 203)

Note that any css file will be loaded that exists in the css directory and take precedence in alphabetical order (so your stylesheet1 overrides stylesheet).

Ryk:

The browser will load both stylesheet.css and stylesheet1.css ... the latter still fixes the width of #mainWrapper at 750px (line 203)

Note that any css file will be loaded that exists in the css directory and take precedence in alphabetical order (so your stylesheet1 overrides stylesheet).

yes, tq for the info..
the problem has been fix...
tq very much
cheers..~~ :smile: