Support » Theme: Twenty Seventeen » Reduce Space Between Post Text and Image

Viewing 8 replies - 1 through 8 (of 8 total)
  • childthemestyles

    (@childthemestyles)

    Hard to tell by a screenshot; possible to provide a link to that page?

    railhead

    (@railhead)

    Sorry, sure. The URL is http://createdforhope.com

    childthemestyles

    (@childthemestyles)

    Thanks for the link because it allowed me to look at your code. It looks like you are using the Site Origin page builder plugin which is part of the extra space problem as the styling I see is:

    #pl-54 .so-panel {
        margin-bottom: 30px;
    }

    Something adds 30px for a bottom margin. That needs to be 0 instead of 30px. Also, because it’s loading a widget, the theme’s widget styling also adds a bottom padding to the widget itself.

    .widget {
        padding-bottom: 3em;
    }

    To remove the padding, you can try something like this:

    .panel-layout .widget {
        padding-bottom: 0;
    }
    railhead

    (@railhead)

    That helps, thanks! And I wanted to add a line to divide posts, where would I add that?

    childthemestyles

    (@childthemestyles)

    You mean where a post in the blog shows “Read More” ?

    If so, and although this tutorial is for the .com WordPress, it still applies to this one:

    https://en.support.wordpress.com/more-tag/

    railhead

    (@railhead)

    There won’t be a Read More on this site, so I meant a HR or line divider between posts, so between the picture and the heading for the next post.

    childthemestyles

    (@childthemestyles)

    To separate the posts…you will need to do some custom CSS to add a bottom border to the article tag (the container that loads the post content). Something like:

    .home .hentry {
    border-bottom: 1px solid #ccc;
    }

    You might have to add a bottom margin to push the next post further down to create some space.

    railhead

    (@railhead)

    Thanks so much!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Reduce Space Between Post Text and Image’ is closed to new replies.