Forum Replies Created

Viewing 3 replies - 16 through 18 (of 18 total)
  • On line 755 of style.css, there’s a declaration for:

    .entry-content, .entry-summary { padding: 1.625em 0 0; }

    The first number is the padding-top value. Lowering that will lessen the padding between the post title and content (.entry-content). I’m guessing .entry-summary is used for displaying excerpts on the homepage, so you may want to separate those selectors onto their own lines if you don’t want to affect that as well.

    (You can easily find these values and make changes live on the page using the developer tools in Safari and Chrome or using Firebug in Firefox.)

    There’s a spacer image being loaded between the logo and the Twitter/Facebook buttons:

    http://www.jasonrichardsononline.com/test/wp-content/uploads/2011/12/space.png

    It has a declared height of 827px, which would explain the content being pushed down the page. I don’t know why it’s not showing in FF, but you could just kill it and either put an appropriate margin-right declaration on the logo link or float the social media buttons to the right and avoid this problem all together.

    The quick way to handle this with CSS would be to float both the content and the thumbnail rather than just floating the thumbnail beside the content. For instance,

    .post-content { float: right; width: 560px; } /* The thumbnail's already floated, so you won't need to do anything for that. */

    Note that this selector will affect all of your posts, site-wide. If you only want to do this for this specific post, you might want to wrap the content in a div with a more specific classname from within the post editor. (Though it might come in handy site-wide if in the future you have more content on the other services pages and the content then grows longer than the height of the thumbnails.)

Viewing 3 replies - 16 through 18 (of 18 total)