Should be a simple CSS Fix But Can't figure it out!

[shiva777]

This is a wordpress site. The site is at http://healingheart.ca/wp (forgive the awful graphic design..it is what the client asked for!)

I am trying to get the header image to the top of the page..as you can it is floating 20+ pixels from the top. Should be easy but I can't figure it out.....Any ideas would be MUCH appreciate.

CSS is here: http://www.hearthealing.ca/wp/wp-content/themes/smartone/style.css

thanks!
shiva

[shiva777]

Wow...one thousand views and no response...anyone??

[itivae]

This might work for you.


.lp-pom-block-content {
margin-top: -30px;
}

Ill look at it cross browser later on.

[shiva777]

Thank you for the response. I tried it and it didn't work in chrome....didn't try others...

I realized why I got no replies to this...I typoed in the web address...ack!!

The site is at http://www.hearthealing.ca/wp/

css is at http://www.hearthealing.ca/wp/wp-content/themes/smartone/style.css

[ajfmrf]

honestly,if you were to test it without one or two of the first div's you maybe able to make it fit closer to the top by eliminating 1-2 of them.

there are three but they seem to be just for forms sake and do little .

Maybe try making this different:

#content {
padding-top:30px;
margin-bottom: 36px;

Change the 30 to 10 and see if that does it.

[shiva777]

That did it! Thanks!