Aligning Header

  • I am using Aurelia 0.2 by Karolis. I have modified the header to be a pic instead of the default text one that this Theme uses. I want this header pic to be centered (which it is) and aligned on the bottom with the Page links. There is a big space between the pic and the top of Page links portion of each page. Not sure how to remove this space. Can someone please help? I am very new to HTML and I’m guessing that it is probably a simple fix. Any help would be appreciated. Thanks!

    Here is the code for the header that I currently have:

    <head profile=”https://www.atlantacomedygold.com/?attachment_id=18&#8243; rel=”attachment wp-att-18″><img src=”https://www.atlantacomedygold.com/wp-content/uploads/2010/07/ComedyGold-test32.jpg&#8221; alt=”” title=”ComedyGold-test3″ width=”300″ height=”178″ style=”aligncenter”>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>

    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>

    <div id=”header”>
    <div id=”headerimg”>

    </div>
    <div id=”wrap”>
    <div id=”pagetop” class=”menulist”>

    • “>Home

      • <?php

      //Change the $howmany variable to however many pages you want to display on the Navigation bar. Keep in mind if you go too high and have long page names, it will go over to a new line and look ugly. 8 should be fine for most users.
      $howmany = 8;
      $pages = wp_list_pages(“orderby=name&title_li=&depth=1&echo=0”);
      $pages_arr = explode(“\n”, $pages);
      for($i=0;$i<$howmany;$i++){
      echo $pages_arr[$i];
      }

      ?>
      <?php //wp_list_pages(‘orderby=name&title_li=&depth=1&offset=2’); ?>

    </div>
    <div id=”page”>
    <hr />

Viewing 1 replies (of 1 total)

  • first:
    your image is inserted into a totally wrong space;
    edit header.php and move it to here (still in header.php)

    <div id="header">
	<div id="headerimg">

</div>

    so that this area looks like:

    <div id="header">
	<div id="headerimg">

<img src="https://www.atlantacomedygold.com/wp-content/uploads/2010/07/ComedyGold-test32.jpg" alt="" title="ComedyGold-test3" width="300" height="178">

</div>

    then edit style.css and find:

    #headerimg 	{
	margin: 0;
	height: 89px;
	width: 100%;
	}

    change 89px after height to 178px. (or 173px)

Viewing 1 replies (of 1 total)
  • The topic ‘Aligning Header’ is closed to new replies.