Results 1 to 7 of 7
  1. #1
    Join Date
    Dec 2006
    Posts
    4
    Plugin Contributions
    0

    Default 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...devil/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..!!

  2. #2
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,888
    Plugin Contributions
    0

    Default Re: How to change this...????

    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?
    Mike
    AEIIA - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  3. #3
    Join Date
    Dec 2006
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to change this...????

    Quote Originally Posted by barco57 View Post
    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.

  4. #4
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: How to change this...????

    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.
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  5. #5
    Join Date
    Dec 2006
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to change this...????

    OK sure...

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

    pls do see what can you assist....

  6. #6
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: How to change this...????

    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).
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  7. #7
    Join Date
    Dec 2006
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to change this...????

    Quote Originally Posted by Ryk View Post
    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..~~

 

 

Similar Threads

  1. how do i change this
    By ghmedia in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 25 Sep 2008, 10:58 AM
  2. how do i change this?
    By Antheia in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Apr 2008, 10:31 AM
  3. How can i change this?
    By MummyKatie in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Feb 2008, 11:52 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg