WordPress.org

1. kooi2000
   Member
   Posted 5 years ago #

   Hi, this is my site under construction: http://www.mennomail.nl/blog/

   As you can see the header is repeating itself. I want that orange pic to be centered. This is the lines I need in style.css:

   #headerpic
   {
   position: relative;
   height: 149px;
   background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
   margin-bottom: 2px;
   }

   What do I change to get it centered?

   Thanks in advance!

2. whooami
   Member
   Posted 5 years ago #

   hmmm..

   background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;

   look closely at that line. put on thinking cap.

   do you think...?

3. kooi2000
   Member
   Posted 5 years ago #

   Well, I did change the repeat-x in no repeat, but without result...

4. whooami
   Member
   Posted 5 years ago #

   Ive looked at your site and I see atleast 2 images in your header.. which one are you attmepting to center.. the small black one, or the orange one beneath it? In FF the header looks quite normal to me.

5. kooi2000
   Member
   Posted 5 years ago #

   Just the orange one.

6. kooi2000
   Member
   Posted 5 years ago #

   *bump*

7. kooi2000
   Member
   Posted 5 years ago #

   Now I've changed the URL: http://www.mennomail.nl/ and only have that one orange pic visible.

   Still I can't seem to get it centered.
   This is the piece of HTML I think it's about...

   #headerpic
   {
   position: center;
   height: 149px;
   background: #fff url(images/fall_leaves.jpg);
   margin-bottom: 2px;
   }

   Please : can someone tell me how to make the image stand in the middle?

8. Evita
   Member
   Posted 5 years ago #

   Try this:

   #headerpic
   {
   height: 149px;
   background: #f09661 url(images/fall_leaves.jpg) no-repeat bottom center;
   margin-bottom: 2px;
   }

9. kooi2000
   Member
   Posted 5 years ago #

   Evita, you are the best! Thanks so much!

Topic Closed

This topic has been closed to new replies.