Support » Themes and Templates » Header Size

  • Resolved DannyDroid


    I’m sorry to make another “header” topic. I have looked though the forums and google but that didn’t seemed to help.

    I have been trying to make my own theme based of the default wordpress one.

    My new header is a lot bigger then the default header so I had to change style.css to fit my needs as I did but the sizes did not change, it still keeps the same size. It’s hard to explain so I have posted a screenshot.

    I hope someone can help me because I am so lost on why this isn’t going to plan.


Viewing 6 replies - 1 through 6 (of 6 total)
  • Did you alter both the width and the height of the header in style.css? Did you refresh your browser after you did it?

    #headerimg 	{
    	margin: 10px 10px 0;
    	height: 700px;
    	width: 350px;

    And I did a hard refresh still with no luck ): .

    Droid, the #headerimg value is listed twice in the default stylesheet(it’s a little disorganized).

    If you do a find all in your stylesheet for “headerimg”, you should find the second one. If you edit both it should work.

    That is a little disorganized. I have edited them both but it still hasn’t worked :S .

    I found it 😀 .

    For everyone look for help I will post what needs to be changed.

    “xxxpx” is the size of your header image.

    /* Begin Typography & Colors */

    #headerimg 	{
    	margin: 7px 9px 0;
    	height: xxxpx;
    	width: xxpx;

    /* Begin Structure */

    #header {
    	background-color: #73a0c5;
    	margin: 0 0 0 1px;
    	padding: 0;
    	height: xxxpx;
    	width: xxxpx;
    #headerimg {
    	margin: 0;
    	height: xxxpx;
    	width: 100%;

    I hope that helps.

    I’m using wordpress 2.6 with the WPRS: Award Winning Hosts theme. Does anyone know what the size of this header is? The following is the code listed under header.php:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>
    <html xmlns=”” <?php language_attributes(); ?>>
    <head profile=”″>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <title><?php echo trim(wp_title(”, false)); ?> | <?php bloginfo(‘name’); ?></title>
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

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

    <style type=”text/css”>
    body { background: #fff url(‘<?php bloginfo(‘stylesheet_directory’); ?>/images/bg.gif’); }

    <?php wp_head(); ?>


    <div id=”wrapper”>

    <div id=”header”>
    <h1><?php bloginfo(‘name’); ?></h1><h2><?php bloginfo(‘description’); ?></h2>
    <div id=”nav”>

    • Home
    • <?php wp_list_pages(‘title_li=’); ?>


    Thanks in advance…! =D

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Size’ is closed to new replies.