• I have an image banner I wanto have at the top in the body centered/touching the header image which I want directly below it, no padding. I tried removing branding, site title/desc, and a host of other trial and errors to no avail. So basically I’m looking to see my image banner, then header image, then menu bar with no padding in between any of them. I have my site title on my Logo header image already so I don’t want it or the white space above my header image. Any help would be greatly appreciated thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • how are you doing these theme mods? are you removing template code or are you using css?

    Thread Starter brainfreeze0

    (@brainfreeze0)

    Hi! I made a copy of the original style.css and then play around with it to get it right. I was removing the css parts from the style.css to get the effects I spoke of.

    sounds about right, are you using a dev tool, like mozilla firebug, safari web inspector?

    post a link, i’ll see if I can do anything.

    Thread Starter brainfreeze0

    (@brainfreeze0)

    actually I’m doing it on localhost before putting it online so I have no link yet. I used Firebug and thought I had removed all of the necessary elements which mainly consisted of just the #branding, site/ desc info within branding. I set them both to display: none; but its as if either the banner image has padding that separates it from the header or the header image has padding that separates it from the banner. Or both.

    I put the banner image just before /head in header.php before removing the css I spoke of and it actually divides #branding in half. After removing the elements I spoke of I still have the space. The only thing I can think of is maybe putting the banner in its own div and making sure it has no padding as I’m thinking it being uploaded a normal image, may be WordPress css has all images set to a certain amount of padding for captions etc. I still think Ill run into the header image having padding and I don’t know where to go to set that at 0.

    My CSS knowledge is pretty limited and what I do know has been basically through trial and error. Appreciate the assistance.

    Thread Starter brainfreeze0

    (@brainfreeze0)

    Anyone else familiar with Twentyeleven CSS code know how to remove elements above the header image by chance? Thanks!

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

The topic ‘Twentyeleven theme: Removing CSS elements above header image’ is closed to new replies.