Results 1 to 3 of 3
  1. #1
    Join Date
    Sep 2006
    Posts
    40
    Plugin Contributions
    0

    Default Customize template to keep site consistant

    Hi Everyone,
    I'm new to Zen Cart and have been through the different theads to help me with making my Zen Cart look consistant with a new design.
    My new design is here.
    My css is here.

    How my design in Zen Cart looks, so far, is here.

    Notice the green bar at the top in my site design. How would I go about inserting this in it's proper place?
    I've tried inserting a background image in the #headerWrapper and the #logoWrapper, but it doesn't want to show up.

    Example: #logoWrapper {background:url(includes/templates/custom/images/topborder.gif) no-repeat bottom right; text-align:right;}

    I should also point out that I'm using a custom template.
    ../includes/languages/custom
    ../includes/languages/english/custom
    ../includes/template/custom

    Any help with this would be appreciated.
    Cheers,
    Happyworker

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Customize template to keep site consistant

    Forst to assist in matching the design,,,admin > config > layoutsettings > Categories-Tabs Menu ON/OFF > turn them to off or "0".

    to ease this for you if can determine the height & width of your total head area in your design; make a jpg image 800x150px in size with your green bar placed at the bottom and Name it header_bg.jpg and place it in your template custom/images folder

    I guessed at the 800x150 dimensions and this should match your design. You might then have to adjust the width of the mainWrapper in the css to match also.

    then this in your css will get this image displayed.
    Code:
    #logoWrapper{
        background-image: url(../images/header_bg.jpg);
        background-repeat: no-repeat;
        background-color: #ffffff;
        height:160px;
    You can of course make this a gif if you choose
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Sep 2006
    Posts
    40
    Plugin Contributions
    0

    Default Re: Customize template to keep site consistant

    Thanks for your help. The Categories-Tab - ON/OFF was a great suggestion.

    As for the header, this too was a great suggestion and helped me get what I wanted, however I managed to get my green 'topborder.gif' into the header by giving the #logoWrapper a couple more parameters.

    #logoWrapper {height:95px; width:800px; background:url(../images/topborder.gif) no-repeat bottom right;}

    Thanks again Kobra,

    Happyworker

 

 

Similar Threads

  1. How do I backup my site/template before I customize it?
    By ccgstu5 in forum Installing on a Mac Server
    Replies: 21
    Last Post: 10 Jul 2011, 10:26 PM
  2. Layout not coming consistant
    By hireweb in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 1 Oct 2010, 02:34 AM
  3. Local Site and Live site... keep linked?
    By Best Price Accessori in forum General Questions
    Replies: 1
    Last Post: 3 May 2009, 11:18 PM
  4. customize template
    By chitara in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 6 Nov 2008, 02:42 PM

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