Archived

This topic is now archived and is closed to further replies.

  • 0

Simple Spacing Issue I Can't Figure Out!

Question

Posted · Report post

Okay, 

 

I need there to be less space between the "Video Trailers" and the embedded vimeo playlist, but I can't figure it out for the life of me. I've tried CSS...

 

http://www.philosophymuse.com/video-archive/

 

Can anyone help??

 

Thanks!!!!

 

-R

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

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

 

http://screencast.com/t/OfmZlTypN7a

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

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

Share this post


Link to post
Share on other sites