• I have searched high and low and tried many of the solutions offered to others on this forum, however I have not figured out how to center the custom header image I placed in the Kubrick theme. The image is flush left. I did change the height and width of the image so that the image I placed wouldn’t be cut off. I would greatly appreciate help!

    What I have is:
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: ‘Times New Roman’, Times New Roman, Arial, Sans-Serif;
    background: #d5d6d7 url(‘images/kubrickbgcolor.jpg’);
    color: #333;
    text-align: center;
    }

    #page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }

    #header {
    background: url(images/h2hlogo.jpg) no-repeat bottom center;
    }

    #headerimg {
    margin: 7px 9px 0;
    height: 220px;
    width: 546px;
    }

Viewing 11 replies - 1 through 11 (of 11 total)
  • Since Kubrick is a fixed-width theme you could just center your image in the custom header. See three videos at the following link with a download for a Kubrick psd file.

    http://educhalk.org/blog/?p=137

    Thread Starter bji

    (@bji)

    Thank so much. I’m looking at the videos and will let you know how it works out. I’m also wondering are most wordpress themes image based like Kubrick, or CSS based? I’m a little confused about that. And it seems like it would be a good idea to make this distinction clear especially for newbies.

    Kubrick in very “image heavy”…most themes make a lot more use of css for color, but you will find a mix…it just depends.

    Thread Starter bji

    (@bji)

    Thank figaro for the info. There is a big learning curve here!

    Thread Starter bji

    (@bji)

    Well I looked at the video, got excited about being able to do what I wanted… then did the changes in the photoshop files provided and uploaded to the server. However, what I see in photoshop is not what I see on my blog site. I made the header jpg image wider to fit my custom image, then put the image in. Looks great in photoshop. You can see what it looks like in wordpress at: healingtowholeness.org. Any ideas what I could be missing here?

    Thanks again.

    Thread Starter bji

    (@bji)

    One error in my last post. I meant to say that I made the header image higher, not wider. The width was left the same. That allowed me to fit my custom image into the space.

    Thread Starter bji

    (@bji)

    Me again. One possible issue I thought of:
    In the educhalk image file that I downloaded I couldn’t figure out how to choose only the header image layer and change the height of that only so I could fit my custom image which is greater in height. So I opened only the header image file and worked with that separately. Then uploaded all the separate image files to my server. Made sense to me that it should work. Anyway whatever I did, it didn’t work.

    If you follow the video instructions, then your image should fit in the header without…you can adjust the size of your image, but it shouldn’t fall outside the mask in the psd file.

    Thread Starter bji

    (@bji)

    Isn’t there a way to give the header more height? My image is 720 x 290.

    Yes, there is always a way, but it’s not that easy in Kubrick since virtually everything is made up of an image. You would need to do some customizing of the PSD file to produce the images from the slices properly and then you would need to adjust your css to display the content properly…it may be easier to go with another theme (or reduce the size of your header) if you are not real good with PhotoShop and CSS editing.

    Thread Starter bji

    (@bji)

    Okay, well that’s good to know. I’ll take a look at other themes and see what I can find.

    Thanks for your great help.

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

The topic ‘Centering header image’ is closed to new replies.