Fix CSS issue to move image higher
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

We are using VH to fill the image to 70% of the screen (maybe its 80% I dont recall).
https://www.bellazon.com/images/image.php?id=487001

But there is white space between the top ad/header area and the start of the image. The image should extend closer to the top.

See notes here.
https://www.bellazon.com/images/image_markup.png

Thanks.

awarded to jwetzell
Tags
css
html5

Crowdsource coding tasks.

1 Solution

Winning solution

There seems to be a "70px" padding-top on the class ".gallery" class when it removed the picture can then occupy that space. Take a look at the images HERE. The first two show with and without the padding-top. The last image is a picture of the class as chrome sees it it says it's in "styles.css" and you can see the line that is adding the padding.
You can either remove that line all together or make it explicitly 0px but that should allow the image to be "moved" up.