Site logo

[Resolved] Blog page using element

Home Forums Support [Resolved] Blog page using element

Home Forums Support Blog page using element

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2489978
    orlaith

    Hi, I created an element for my blog page following this tutorial here. I edited it to change it to a grid so I could have 2 posts display per line on desktop. I’m having trouble as each blog is now showing up twice and not formatting correctly.

    #2490126
    David
    Staff
    Customer Support

    Hi there,

    remove the grid, so it only shows the posts in a single column and without duplicates.
    then in Customizer > Layout > Blog, enable the Columns option and set it to 2.

    #2490818
    orlaith

    Thanks David that has worked nicely but I’m still facing issues with the sizing being different for each blog post. I’ve added the page for you to inspect. I removed the right sidebar widget and set the blog posts to show 3.

    #2490859
    Fernando
    Customer Support

    Hi Orlaith,

    For now, you would need custom CSS to align all posts height-wise. Try adding this through Appearance > Customize > Additional CSS:

    :is(.blog, .archive) div#content .generate-columns-container article {
        padding-bottom: 0;
    }
    
    :is(.blog, .archive) div#content .generate-columns-container article > .gb-container {
        height: 100%;
    }
    #2490860
    orlaith

    That doesn’t seem to work Fernando 🙂

    #2490904
    Fernando
    Customer Support

    There’s a syntax error in your previous code.

    Add a } before your /*unify featured image size on blog*/ comment.

    #2490913
    orlaith

    Woops, thanks a million 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.