WordPress.org

Ready to get started?Download WordPress

Forums

Make header smaller (2 posts)

  1. shoppinghour
    Member
    Posted 4 years ago #

    Hi. I'm trying to remove the header space as much as possible so that my image on top is my new header.

    My site is http://www.shoppinghour.net

    The problem is, when I edit the style.css and I change the height value of the header from 200px to 0px, the border gets cut off rather than being nicely rounded:

    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }

    Help?

  2. offspring
    Member
    Posted 4 years ago #

    This is the source code of your page:

    <body class="home blog">
    <a href="http://www.shoppinghour.net/" >
      <img src="http://www.shoppinghour.net/wp-content/header-images/Ania.jpg" alt="Ania.jpg" title="Ania.jpg" />
    </a>
    <div id="page">
      <div id="header" role="banner">
        <div id="headerimg">
          <h1><a href="http://www.shoppinghour.net/"></a></h1>
          <div class="description"></div>
        </div>
    </div>
    <hr />
    <div id="content" class="narrowcolumn" role="main">

    As you can see your header image is outside of the page layout for some reason. You should probably edit your theme to get something like this:

    <body class="home blog">
    <div id="page">
      <div id="header" role="banner">
        <div id="headerimg">
          <h1><a href="http://www.shoppinghour.net/" >
            <img src="http://www.shoppinghour.net/wp-content/header-images/Ania.jpg" alt="Ania.jpg" title="Ania.jpg" />
          </a></h1>
          <div class="description"></div>
        </div>
    </div>
    <hr />
    <div id="content" class="narrowcolumn" role="main">

Topic Closed

This topic has been closed to new replies.

About this Topic