Post meta align bottom required

[bsaul 1]

On this project, to get the header area with sidebar tucked up alongside, and the post title next to the logo, I thought I'd use the a Masthead section and fiddle with the css to place.

 

 

On a two line title, it works fine, of course http://notagooroo.com/member-news-projects/this-should-end-up-being-a-two-line-header/

 

But for single line titles I get this http://notagooroo.com/member-news-projects/the-evangelist/

 

The code I've used (though I know some is irrelevant) is 

 

 

.post-meta { margin-top: auto; margin-bottom: 10px; margin-left: 210px; height: 120px; vertical-align:bottom;}

.post-meta .metabar { display:none;}

 

Any ideas how I can get the title to align bottom?

 

Thank you 

[batman 389]

Hi bsaul

You can add this CSS code 

 

.fpost .entry-title { margin-top: 40px;}

When you have a single line.

I´m not sure, please try something like this for your page http://notagooroo.co...the-evangelist/

.post-id-1477 .fpost .entry-title { margin-top: 40px;}

[James B 436]

Thank you Batman :-)

 

Let us know if that works for you Bsaul

[bsaul 1]

Hi

 

Thanks batman - yes that works just fine for the single line title, but we do need it to automatically align rather than have to code individual posts - the client won't go for that.

 

Any other ideas? Surely if I set the right bit to align to the bottom or baseline?

 

Babs

 

Who will one day master css - probably just as the next method comes along ;-)

[Danny+ 1,327]

What you wish to achieve is not possible with CSS as far as I am aware, you will most likely need to use javascript. I recommend contacting one of our Pros for assistance.

 

http://www.pagelines.com/pros/

[bsaul 1]

Thanks Danny - I'll step back and see if there is another way to workaround this.

 

Babs