Make header smaller

  • shoppinghour

    (@shoppinghour)


    15 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 https://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?

Viewing 1 replies (of 1 total)
  • offspring

    (@offspring)

    This is the source code of your page:

    <body class="home blog">
<a href="https://www.shoppinghour.net/" >
  <img src="https://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="https://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="https://www.shoppinghour.net/" >
        <img src="https://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">

Viewing 1 replies (of 1 total)
  • The topic ‘Make header smaller’ is closed to new replies.