Results 1 to 2 of 2
  1. #1
    Join Date
    Jun 2010
    Posts
    23
    Plugin Contributions
    0

    Default How to reduce the margin between header banner and contents?

    Hi everyone, can anybody please tell me what can i do to reduce the distance (margin) between header banner and contents of my page as shown in this attachment? Thank you very much.

    Best Regards,
    WendyT
    Attached Images Attached Images  

  2. #2
    Join Date
    Feb 2010
    Location
    Arizona
    Posts
    50
    Plugin Contributions
    0

    Default Re: How to reduce the margin between header banner and contents?

    in your style.css file experiemnt with the #mainWrapper and #headerWrapper attributes.


    #headerWrapper {
    PADDING-BOTTOM: 0em;
    BACKGROUND-COLOR: #252736;
    MARGIN: 0em;
    PADDING-LEFT: 0em;
    PADDING-RIGHT: 0em;
    PADDING-TOP: 0em
    }
    #mainWrapper {
    PADDING-BOTTOM: 0em;
    BACKGROUND-COLOR: #252736;
    MARGIN: 0em;
    PADDING-LEFT: 0em;
    PADDING-RIGHT: 0em; PADDING-TOP: 0em
    }

    #logoWrapper {
    BACKGROUND-IMAGE: url(../images/header_bg2.jpg); BACKGROUND-COLOR: #0b0c0f;
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 51px
    }

    padding and height stuff can affect those areas so maybe experiemnt with the developer tools within your browser, as many let you affect changes real time to see your adjustment's effects on the page within your browser.
    just navigate to your page, and open the css section of the developer tool, and enter some other paddings, and heights, to watch the effects before finalizing them in your actual css file.

    also review the use of templates, to protect your changes from being overwritten with upgrades. see "template overrides" in the tutorials section.

 

 

Similar Threads

  1. Space between banner and header...how do I remove it?
    By RMelick in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Nov 2009, 07:34 PM
  2. how to seperate categories in listing box and reduce gap between main cat and subs?
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 26 Jun 2009, 11:24 AM
  3. How do I remove the space between the header and the breadcrumb?
    By vinnybhaskar in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 5 Feb 2009, 06:40 AM
  4. How do I *tighten up* the space between the header and the start of the content.
    By comicart in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 16 Sep 2008, 05:08 PM
  5. Reduce the padding between center box and sideboxes
    By JimmyV in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 17 Mar 2008, 06:11 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