Help changing structural CSS for a larger header

  • Resolved 794477

    16 years, 4 months ago

    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: https://www.johnleszczynski.com

    Thanks so much for any help you can give me!

    Best,

    John

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

  • 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

    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.