WordPress.org

Ready to get started?Download WordPress

Forums

Space Between Ending Post and Post Title (7 posts)

  1. Thomas Griffin
    Member
    Posted 4 years ago #

    Hello everyone.

    I am having an issue removing space between my previous post and post title on my home page of my website. I am a complete novice when it comes to web development, so any help would be appreciated. Below is the link to my site.

    http://foreversinging.com

    Scroll down and notice the space above the title of my blog post, "Seasonal Affective Disorder". I want to remove that space - how do I go about editing that? (It also does it for all the posts below that).

    Any help would be greatly appreciated!
    Thomas

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Try editing style.css and changing:

    .post {
    margin:0 0 40px;
    }

    to:

    .post {
    margin:0;
    }
  3. Thomas Griffin
    Member
    Posted 4 years ago #

    esmi,

    That piece of code does not exist in my style.css sheet. This is the only thing that is listed in the sheet along with .post

    .post {
    line-height: 1.6em;
    }

    Any other suggestions? I am using the HalfTone theme for WordPress if that helps any.

    Thomas

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    That piece of code does not exist in my style.css sheet.

    Yes it does. I extracted it from your site.

  5. Thomas Griffin
    Member
    Posted 4 years ago #

    esmi,

    You are correct. I only looked at the first .post code, not the one that actually dealt with posts. Thanks for your help! The problem in now fixed.

    I also have a couple more questions that you may be able to help me with.

    First, when my post titles must go to the second line, the bottom part jumbles in slightly with the top part. What area of code would I need to fix? (I don't have any currently that jumble - I can make one longer to show you an example if you need it)

    Second, if you will notice on a couple of my posts (the first post does this), at the bottom the "no comments" link is on nearly the same plain as the last line of my post. Is there any way to add extra padding to the "no comment" part so that I never have to worry about it mixing with my post content?

    Thomas

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    What area of code would I need to fix?

    From your description, I think you'd need to increases the line-height on the post title tags.

    Is there any way to add extra padding to the "no comment" part so that I never have to worry about it mixing with my post content?

    Not easily, no. Your theme isn't applying any kind of class to the comment link, so there nothing you can currently use to push it down a little.

  7. Thomas Griffin
    Member
    Posted 4 years ago #

    Thank you so much for your help esmi. I added line-height: 1em; to the .post h1 a { } piece of code and it worked like a charm. If the code is to difficult to formulate for the padding and "no comment" issue, then no worries, I can deal with it. At the same time, if it is feasible, I am a sponge and would like to learn how to do it if it isn't too complex. You have been incredibly helpful and I am indebted to you for your service!

    Thanks again,
    Thomas

Topic Closed

This topic has been closed to new replies.

About this Topic