Space beneath Photo Header

[Ewan]

I've added a couple of bits of information below the photo header on the photo page as demonstrated here:

http://www.oaktreephoto.co.uk/dev/gallery/photo.php?photo=566

A sample of the code I've added is:



<h1 class="ee_photo_header ee_css_header_large">
<?php print $photoheader_html; ?>
</h1>
<div class="clear"></div>

<div class="ee_css_subheader">
<?php if ($city != "") print $city; ?>
</div>
<div class="clear"></div>



I can't work out why there is still a space between the header and the location text. Is there a way to remove it?

Thanks.

[segal3]

This block of code:
<div class="clear"></div>
puts a significant amount of space in between. Still looking for one that pushes less...

[segal3]

If you drop:

<div class="ee_css_subheader">
<?php if ($city != "") print $city; ?>
</div>
into the <h1></h1> block, and add a <br> before it, it'll work right.

[Ewan]

Thanks for your replies - much appreciated. I tried removing <div class="clear"></div> but this moved the text to the right of the header and replacing it with a <br> didn't help.

<div class="clear"></div> is also between the other text lines and doesn't cause an issue there. I'll try your other suggestion but I prefer to keep stuff between H1 headers pretty simple.

[Pekka]

Give subheader a custom class and move it up with negative padding?

[Ewan]

I'll give that a go, thanks.

[Ewan]

I created a font class in arial.php and, along with other formatting, tried margin-top and padding-top with negative values to move the text upwards. However, it just moved the text to the right of the header.

[Ewan]

Found it!

I edited the margin around the ee_photo_header element in templates\pages\ee_2_default\photo\default_XHTML_c ss.php

Damn, that was bugging me ;)