WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
Gap between some posts (17 posts)

  1. sonyxperiageek
    Member
    Posted 7 months ago #

    Hello folks, on my site over at http://nztechblog.net if you scroll near the bottom of the page, there are two blank spaces where the posts are meant to go. Does anyone know why they are there and how can I align them back correctly?

    Thanks in advance!

  2. sonyxperiageek
    Member
    Posted 7 months ago #

    Hi folks, I've resolved it! It seems like the Pinboard Child theme's functions.php was doubled with the original theme file, so I removed the child theme's functions.php and everything seems to be normal again!

    Thanks!

  3. sonyxperiageek
    Member
    Posted 3 months ago #

    UPDATE: Seems like it is not working again.. Anybody, Anyone have any tips please? This is getting annoying, the Pinboard theme now.. Same website as before, thanks.

  4. deanfp
    Member
    Posted 3 months ago #

    This is just a stab in the dark as I am viewing this on a phone but it looks like the issue is related to the number of characters in the excerpt summary.

    Go to Apperance>Editor and open Theme Functions (take a copy before the below change in case of problems)

    Look for these lines

    `if ( ! function_exists( 'pinboard_excerpt_length' ) ) :
    /**
    * Change the number of words shown in excerps
    *
    * @since Pinboard 1.0
    */
    function pinboard_excerpt_length( $length ) {
    if( pinboard_is_teaser() ) {
    if( has_post_format( 'aside' ) )
    return 36;
    else
    return 22;
    } else
    return 50;
    }
    endif;

    Try changng the return 36 to return 22 see if that helps, or play around with this to see if it makes a change.

  5. sonyxperiageek
    Member
    Posted 3 months ago #

    Thanks, I'll have a look at the functions page. When you viewed my site on your phone, did the first few posts overlap each other?

  6. sonyxperiageek
    Member
    Posted 3 months ago #

    Unfortunately that didn't seem to work. :(

  7. Barry Lyndon
    Member
    Posted 3 months ago #

    I took a look at the html and i saw there were 10 artical id lines for each of your posts. If you need to fill up the two missing spaces you need to add the artical id and the code for them. you have id 2458 at the top and id 2413 at the bottom. Hope this helps.

  8. sonyxperiageek
    Member
    Posted 3 months ago #

    The article id lines are all done automatically by WordPress. I'm guessing because of the "gaps" in the posts that it is also causing my other problem: when you resize the browser to a mobile format, the first few posts on the homepage overlap each other.

  9. sonyxperiageek
    Member
    Posted 3 months ago #

    I've eliminated the overlapping of the first few posts on the home page by removing the number of full posts to display before grid, but the big gaps are still there.. This is getting pretty frustrating.. Nothing seems to be working atm....

  10. deanfp
    Member
    Posted 3 months ago #

    Ok its the entry title that is causing the issue. If you manually shorten it the boxes are fixed, I will delve into the code later to see if I can find how to set it to a certain number of characters so that it appears something like

    this text example is a header for an artilce....

    same as the summary above, it maybe within the functions php file but until I get to a laptop I cannot check

  11. sonyxperiageek
    Member
    Posted 3 months ago #

    Thanks for your reply. The overlapping posts are fixed and there are no spaces near the last few posts on mobile anymore. But there are still gaps in desktop mode. You should see this when you get to a laptop.

    Thanks again.

  12. Barry Lyndon
    Member
    Posted 3 months ago #

    It looks to me know matter where you put the posts there is going to be some white space. Im not sure where you want the posts to be.I can download your site in to my editor and take a look but i am not sure where you want the bottom post to be.

  13. deanfp
    Member
    Posted 3 months ago #

    Within your style.css can you try this

    .twothirdcol {
    width:66.7%;
    }

    change to

    .twothirdcol {
    width:65.7%;
    }

  14. sonyxperiageek
    Member
    Posted 3 months ago #

    Barry: The posts should be evenly spread out with no gaps in between. It used to be like this; not sure what changed it though..

    deanfp: Didn't work unfortunately..

  15. deanfp
    Member
    Posted 3 months ago #

    maybe look within the css for the entry margins

    Try finding code like this and reduce the size of the margins

    .onecol .twocol .entry {
    margin: 3.4%;
    }

    .twocol .entry,
    .onecol .threecol .entry,
    #sidebar-boxes .widget,
    .threecol .widget {
    margin:5%;
    }

  16. sonyxperiageek
    Member
    Posted 3 months ago #

    Still gaps in the posts unfortunately.. :-(

    I've tried clearing all cache as well when testing.

  17. deanfp
    Member
    Posted 3 months ago #

    I think changing the margin is the only way without sending a max limit for the entry summary.

    Here is an example with a 0 margin

Reply

You must log in to post.

About this Theme

About this Topic