[Resolved] Page doesn’t show 2 columns

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Page doesn’t show 2 columns

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30833
    Stefan
    Participant

    Hi,

    I am trying to build a landing page using Generate Blocks and WSP Pro.

    I wanted to show two posts right below the header in 2 columns.

    So I created in the block editor a container and inside the container, I put the shortcode with the WSP ID.

    The Layout for the container is Container: Full width/Inner Container: Full width.

    The page’s layout is: No Sidebars/ Content Container: Contained.

    My problem: It looks like the page only shows posts on the left side.

    When I set two columns and 4 posts in WSP, the 4 posts are shown one below the other and not as a column. If I make four columns in WSP, then WordPress squeezes only two posts next to each other on the left half. Funnily enough, it works when I don’t set columns. Then the page displays one post across the entire width.

    I can’t find a solution and is freaking me out.

    Thanks a lot for your help!

    #30873
    elvin
    Moderator

    Hi Stefan,

    Can you link us to the page in question to investigate?

    While waiting, can you try:

    Disabling ALL plugins except WPSP to check for potential plugin conflicts?
    Clear server-sided and/or CDN cache (if any).

    Let us know how it goes.

    #30875
    Stefan
    Participant

    Hi Elvin, thanks a lot for your swift reply.

    It is only a test page but I publish it now for you to investigate further. Here is the link.

    WP Show Posts settings are: Columns: 2; Gutter 2em (but it makes no difference if I use 0).

    As I said, if I make columns: 1, everything works well.

    I also disabled all plugins. Didn’t work.

    Thanks a lot for your help!

    Best,
    Stefan

    #30891
    elvin
    Moderator

    Can you try clearing or disabling cache? (autoptimize)

    To know where this is coming from:

    article.type-post {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }

    It seems like a custom CSS added somewhere. This is the one causing the columns to break. The margins are flex-wrapping the columns into the next line causing the columns to not work.

    #30905
    Stefan
    Participant

    Hi Elvin,

    it worked! Thanks so much for your support and great work! Much appreciated.

    Best,

    Stefan

    #30983
    elvin
    Moderator

    No problem. Always glad to be of any help. 🙂

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