WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help changing structural CSS for a larger header (3 posts)

  1. Anonymous
    Unregistered
    Posted 5 years 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: http://www.johnleszczynski.com

    Thanks so much for any help you can give me!

    Best,

    John

  2. ikiru
    Member
    Posted 5 years ago #

    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.

  3. Anonymous
    Unregistered
    Posted 5 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic