Jump to content
Sign in to follow this  

Simple Spacing Issue I Can't Figure Out!

Recommended Posts

James B

Hi there, when looking into the css in firebug, look for the yellow highlighted areas, these will show theres a margin applied somewhere, usually within a <p> tag. That's what seems to be causing the problem here, please see video screenshot below, remove the margin on the p tag and the video will move up :-) 



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



To clarify, you're speaking of "Video Archive" at the top, center of the main column?


The key to this is first, identifying the page ID via Dashboard > Pages > All Pages. Clicking "Edit" and you'll see the page ID in the location or address bar.  Make a note of the page number.


Your default CSS includes:

.hentry .hentry-pad {

    padding: 0 0 25px;
But you cannot modify this globally or it will affect other parts of your site.
So you'd prefix it with something like.
.page-id-xx  where xx represents the unique page number found in the address bar, as mentioned above.



Prefix .hentry .hentry-pad with .page-id-xx  so it reads   .page-id-xx .hentry .hentry-pad.


Then modify the 25px to a lower value, such as 2px or even 0.   This would move the content up only on that single page, leaving all others along.

Add your code to Dashboard > PageLines > Site Options > Custom Code

Former PageLines Moderator, Food Expert and Raconteur

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