Jump to content
Sign in to follow this  
bsaul

Post meta align bottom required

Recommended Posts

bsaul

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 

Share this post


Link to post
Share on other sites
batman

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;}

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
James B

Thank you Batman :-)

 

Let us know if that works for you Bsaul


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
bsaul

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 ;-)

Share this post


Link to post
Share on other sites
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bsaul

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

 

Babs

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×