WordPress.org

Ready to get started?Download WordPress

Forums

Header image slightly off center (12 posts)

  1. airbrush
    Member
    Posted 6 years ago #

    I have searched through the posts many times over to find a solution to center my image header with no luck. It is only slightly off center to the left a bit. I would really appreciate any input from someone on how I could fix this please. I am using the default theme.

  2. Kalessin
    Member
    Posted 6 years ago #

    Can you post a link?

  3. airbrush
    Member
    Posted 6 years ago #

  4. sannie7
    Member
    Posted 6 years ago #

    There is a section in the CSS under Presentation, Theme Editor where you should play around with the margin or padding settings for the header image. By just changing the padding a few pixels might do the trick.
    If there are four numbers, the last one is probably the one you want to play around with [the order of the numbers refers to top, right, buttom, left].

  5. airbrush
    Member
    Posted 6 years ago #

    Thank you so much!

  6. airbrush
    Member
    Posted 6 years ago #

    Hi
    I tried to adjust some of the margins in the rtl.css file but nothing seems to happen. Do you have anything other suggestions I could try?

    Thanks again!

  7. sannie7
    Member
    Posted 6 years ago #

    How did you get your headerimage in your blog in the first place? If you just replace the kubrik standard header with an image [with the same pixelsize of course], it should pop right in.

  8. airbrush
    Member
    Posted 6 years ago #

    I changed these two parts of code in the header file. Not sure if that is the correct way to do it but it seemed to work after trying umpteen other things.

    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/Custom-Painting-Banner.jpg") repeat-y top; border: none; }
    <?php } ?>

    <h1"><img src="http://www.airbrushingmadeasy.com/images/Custom-Painting-Banner.jpg" width="745" height= "200" alt="Airbrush Logo"></h1>

  9. sannie7
    Member
    Posted 6 years ago #

    The way I change header files is that I upload my header image into the images directory and then just replace the image.jpg in the CSS header section.
    Works everytime.

  10. airbrush
    Member
    Posted 6 years ago #

    is it really that simple? I wish I had spoken to you earlier. I'll try this and see if it centers it properly. Thanks so much for your help. This really isn't my forte

  11. airbrush
    Member
    Posted 6 years ago #

    Is that in the Header.php file that you cahnge the img.jpg ?

  12. sannie7
    Member
    Posted 6 years ago #

    no, not the header.php file.
    here's what i do:

    upload your header image on your ftp site into the folder

    /httpdocs/wp-content/themes/THEME/images

    where 'THEME' is the directory of whatever theme you're using [e.g. kubrick].
    you should also see the default header image in this folder

    then, go to your dashboard and then Presentation > theme editor > style.css

    find the section that defines the header. mine looks like this:

    #head{
    background-color: #ffffff;
    background-image: url(images/IMAGE.jpg);
    background-repeat: no repeat;
    height: 180px;
    width: 900px;
    padding: 0px;
    margin: 10px 10px 10px 0px;

    as you can see the background image points to your images folder. just replace IMAGE with the name of your header image, then save the changes.

    that should do it.

    make sure that your header has the same pixel size as the default header to avoid "misalignment".

Topic Closed

This topic has been closed to new replies.

About this Topic