7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

WordPress Header image

by cooler1
6 replies
  • WEB DESIGN
    • |
Im using the WordPress TwentyTen Theme. Ive replaced the default header image with my own image but i want the header to the higher up the page. As you can see in the screenshot below, there's a big white gap.

What do i need to edit to put the header higher up? Ive looked in the CSS and php files but not sure at all what to do.


#header #image #wordpress
  • Profile picture of the author kkoechel
    look in the CSS file for something like .header{ padding: 10px ...}

    and change it to something you like. I would be careful doing this however. Test, tweak, test.
    {{ DiscussionBoard.errors[2968968].message }}
    • Profile picture of the author petopat
      i will like to add a question to yours cooler1, cos you already know how to customize your header but i and many other people don't

      please how can i customize my wp theme header?

      thanks
      {{ DiscussionBoard.errors[2976796].message }}
      • Profile picture of the author jwenberg
        Originally Posted by petopat View Post

        i will like to add a question to yours cooler1, cos you already know how to customize your header but i and many other people don't

        please how can i customize my wp theme header?

        thanks
        Find the header image in your image files, and open it in a photo editor. Get the dimensions off of it and create a new custom image in the same size. Then upload it in place of the old header image. It should then show up on your wordpress site.

        If you want to create a different size then like they mentioned above you need to adjust the size and padding and stuff so if you're doing that make sure to save the original css incase you mess it up. Then test, tweak, test, etc.
        Signature
        OFFLINE Domination with Mobile Marketing Videos! Click here to find out how easy it is to close clients with Mobile Marketing Niche Pack Vol. 1!
        {{ DiscussionBoard.errors[2978858].message }}
        • Profile picture of the author gabbydeb
          I am also using the theme mentioned. I didn't try to alter the CSS or PHP files, but used a graphics program to make the header the same dimensions as the default header in the theme, which they do give you the dimensions to use.

          I would suggest not trying to alter the CSS or PHP files if you are not super familiar with how to work with these files, as you can break a theme really easy. I have done it!

          A really neat image and graphics program to use is paint.net It is totally free, and can output very professional looking graphics. It is very user friendly, in my opinion. Just google paint.net
          Signature

          {{ DiscussionBoard.errors[2979406].message }}
          • Profile picture of the author cooler1
            Originally Posted by gabbydeb View Post

            I am also using the theme mentioned. I didn't try to alter the CSS or PHP files, but used a graphics program to make the header the same dimensions as the default header in the theme, which they do give you the dimensions to use.

            I would suggest not trying to alter the CSS or PHP files if you are not super familiar with how to work with these files, as you can break a theme really easy. I have done it!

            A really neat image and graphics program to use is paint.net It is totally free, and can output very professional looking graphics. It is very user friendly, in my opinion. Just google paint.net
            I got the header moved to the top. I just changed the padding px to 0 under #header.

            If your making any big changes to a CSS or Php file, just copy the original into notepad first so if your editing messes up the theme, you can just put it back how it was originally.
            Signature

            {{ DiscussionBoard.errors[2979486].message }}
    • Profile picture of the author wayne71
      Here is a link to a site that I used the twentyten theme for: williamwilsonclothing.com/the-company/about-william/

      I love the twentyten theme. It is totally customizable.
      {{ DiscussionBoard.errors[2979642].message }}

Trending Topics