Results 1 to 9 of 9
  1. #1
    Join Date
    Jun 2008
    Posts
    13
    Plugin Contributions
    0

    Default How do I change the width of the template?

    Hi all,

    I am trying to change the overall width of my custom template to be longer. I followed the tutorial instruction as below, but no changes were made to the width of my template. Please help to see where i had gone wrong. Thanks

    --------------------------------------------------------------------------------
    How do I change the width of the template? (V1.3+)

    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
    --------------------------------------------------------------------------------

    Yvonne

  2. #2
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: How do I change the width of the template?

    Did you make this change to the stylesheet for your NEW template?
    Look at your stylesheet again - is your change there? Did you change the chmod to 777 before you edited the file?
    A link to your site would REALLY help.

    Tina

  3. #3
    Join Date
    Jun 2008
    Posts
    13
    Plugin Contributions
    0

    Default Re: How do I change the width of the template?

    Hi Tina,

    the website that i am setting up is http://www.jewellery-hub.com

    i just tried setting to 777 and change the width from the original 750px to 1000px but still not able to do so.

    Yvonne

  4. #4
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: How do I change the width of the template?

    Looks 100% to me now!

    Change the green bars - these are the tile_back.gif.

    Create a new tile_back.gif the color you want and upload to your templates/custom/images folder.

    Tina

  5. #5
    Join Date
    Jun 2008
    Posts
    13
    Plugin Contributions
    0

    Default Re: How do I change the width of the template?

    Hi Tina,

    I tried viewing my website after changing the width to 1000px but it seems no differences from the initial 750px width.

    Actually saw a website www.giftsforguys.com in zen cart showroom. Like to change my website overall width to be something similar to this website (to have longer width).

    Did i change the wrong width. Is there any width i must change beside the main wrapper?

    Yvonne

  6. #6
    Join Date
    Jan 2007
    Posts
    32
    Plugin Contributions
    0

    Default Re: How do I change the width of the template?

    To change the width of the template:

    open your custom css file in folder includes/template/your_template/css/stylesheet.css

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 750px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    change the width to 1000px if you want to have the same width as the gift website.

  7. #7
    Join Date
    Jul 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: How do I change the width of the template?

    On the same subject, I did what you said on this site http://www.myonestopblingshop.com/

    and it worked great but now I need to center my header graphic. Where would I find the code to do that? Thanks a ton!

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: How do I change the width of the template?

    You have a Template Monster template, which means that standard fixes are likely to not work. TM drastically changes the CSS tags as well as the functional code, and it can be very difficult for us to figure out what they have done.
    In this case there is a simple fix: Add to the end of your stylesheet

    .rhead, .rhead2 {text-align: center;}

  9. #9
    Join Date
    Jul 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: How do I change the width of the template?

    Awesome, thanks for the help.

 

 

Similar Threads

  1. v151 How to change the button width that in the INPUT element when the css button is used?
    By su35 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 9 Jun 2013, 04:34 PM
  2. How do I change the width of my template?
    By pgram in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 27 Jan 2012, 09:18 PM
  3. How can I change the width where all the products are listed?
    By sharontan in forum Setting Up Categories, Products, Attributes
    Replies: 15
    Last Post: 20 Nov 2010, 03:53 PM
  4. How Do I Change the Width of the Template?
    By badan in forum Templates, Stylesheets, Page Layout
    Replies: 22
    Last Post: 10 Jan 2008, 10:14 AM
  5. How do I change the width of THIS template
    By nudelady in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 4 Oct 2006, 09:43 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR