Title: Help changing structural CSS for a larger header
Last modified: August 19, 2016

---

# Help changing structural CSS for a larger header

 *  Resolved 794477
 * [17 years, 9 months ago](https://wordpress.org/support/topic/help-changing-structural-css-for-a-larger-header/)
 * Hi, I’m just getting started putting a website together after importing from 
   Blogger. I don’t really know much about css and have been altering the Kubrick
   theme mostly by guess and check .. but after two days of searching online I haven’t
   been able to figure out what is probably a simple problem.
 * I created a header with one of my own photos which is larger than the original
   Kubrick header, but I can’t manage to center it on the page (it is flush with
   the rest of the content).
 * Here’s my site: [http://www.johnleszczynski.com](http://www.johnleszczynski.com)
 * Thanks so much for any help you can give me!
 * Best,
 * John

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [ikiru](https://wordpress.org/support/users/ikiru/)
 * (@ikiru)
 * [17 years, 9 months ago](https://wordpress.org/support/topic/help-changing-structural-css-for-a-larger-header/#post-820873)
 * You could — maybe should — make the image smaller. It’s bigger than an average
   browser window.
 * That said, to do what you seem to be asking (having the image wider than the 
   white #page column), you’ll need to take it outside of that div. That meants 
   changing these lines in your header.php file:
 *     ```
       <div id="page">
   
       <div id="header">
       	<div id="headerimg">
       		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
       		<div class="description"><?php bloginfo('description'); ?></div>
       	</div>
       </div>
       ```
   
 * To:
 *     ```
       <div id="header">
       	<div id="headerimg">
       		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
       		<div class="description"><?php bloginfo('description'); ?></div>
       	</div>
       </div>
   
       <div id="page">
       ```
   
 * Then you’ll just need to restyle the #header part of your style.css file to center,
   etc. to make it look right.
 * I’ve not tried this, but I think it should do what you’re trying to. Best of 
   luck.
 *  Thread Starter 794477
 * [17 years, 9 months ago](https://wordpress.org/support/topic/help-changing-structural-css-for-a-larger-header/#post-820877)
 * Thanks ikiru, that’s exactly what I wanted! Now I just have to figure out how
   to position it in the center..
 * And also thanks for the tip about the image size. I’ll fix that soon.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Help changing structural CSS for a larger header’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [positioning](https://wordpress.org/support/topic-tag/positioning/)
 * [resizing](https://wordpress.org/support/topic-tag/resizing/)

 * 2 replies
 * 2 participants
 * Last reply from: 794477
 * Last activity: [17 years, 9 months ago](https://wordpress.org/support/topic/help-changing-structural-css-for-a-larger-header/#post-820877)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics