Jump to content
pockettactics

Big gap between post header and post content since PageLines update

Recommended Posts

pockettactics    0
pockettactics

Hi folks-

 

I updated to PageLines 2.4 this weekend and I've noticed that since the update I'm getting a big gap between my post headers and the post content. It's pretty ugly. Can I change a setting in the framework options or add something to the custom CSS to tweak this?

 

My site is right over here but I've also embedded an image below so you can see what I'm talking about.

 

post-35007-0-55143300-1361726765_thumb.j

 

Thanks!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

This is happening as you're attaching an image to your post and this image is the first content added, so it has no margin top. However, when you add your text beneath it, it is given a margin-top and this is pushing your image and content down.

 

To resolve this, you can use one of the PageLines utility classes. What you need to do is do the go to your post, and you should have a format similar to this:

 

<img src="This is the image in your post">

 

Remember Breach & Clear, the squad tactical game being produced by Call of Duty’s...

 

Instead, add the following:

 

<img src="This is the image in your post">

 

<p class="zmt">Remember Breach & Clear, the squad tactical game being produced by Call of Duty’s...</p>

 

Wrap your first paragraph of text with a p tag and give this p tag a class with zmt like above. ZMT is an abbreviation of Zero Martin Top, you can find more information here.

 

http://support.pagelines.me/docs/miscellaneous/cool-utilities/

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pockettactics    0
pockettactics

Hey Danny, that worked - thanks kindly! Is there no universal solution that I can just apply once to the CSS somewhere?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

There already is a solution however, as you're adding an image first, the CSS for zero margin is applied to that and not your text. If you were to switch them around so you had text first and then the image, the zero magin top would be applied automatically.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pockettactics    0
pockettactics

There already is a solution however, as you're adding an image first, the CSS for zero margin is applied to that and not your text. If you were to switch them around so you had text first and then the image, the zero magin top would be applied automatically.

 

Is there a way to add text first and still have the image show up where it does in my posts?

Share this post


Link to post
Share on other sites
pockettactics    0
pockettactics

Thanks Danny, I appreciate it.

 

Now I'm noticing that the number of comments is suddenly missing from the post metabar - should I start a new thread for that?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Yes please create a new topic.


Please search our forums, before posting!

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


×