Pages Layout Alignment Different from Posts

  • Resolved r3ndy

    (@r3ndy)


    18 hours, 29 minutes ago

    Hi,

    I’m experiencing a layout alignment issue between Pages and Posts on my WordPress site.

    WordPress version: 6.9.4
    Theme: GeneratePress with GP Premium

    Active plugins:

    • GP Premium
    • Code Snippets
    • List Category Posts
    • LiteSpeed Cache
    • Rank Math SEO
    • WPS Hide Login
    • Zoho Mail

    I also added a custom snippet via GeneratePress Premium Elements (Hook Element):

    // Change the priority from the default 10 to 20
    add_filter( 'comment_form_defaults', function( $defaults ) {
        $defaults['comment_notes_before'] = '
        <div class="custom-comment-notes" style="margin-bottom:15px; font-size:14px; color:#aaa;">
            <p>Gunakan email valid agar kamu mendapat notifikasi balasan.</p>
            <p>Upload <a href="https://prnt.sc/" target="_blank" rel="nofollow noopener noreferrer" style="color:#0033ff;">screenshot</a> kamu di sini, lalu cantumkan link-nya di kolom komentar ya.</p>
        </div>';
        return $defaults;
    }, 20 ); // Increased priority

    Screenshots:

    Post example:
    https://yourdomain.com/windows-11-aio/

    Page example:
    https://yourdomain.com/donasi/

    The plugin/theme developer suggested this may be related to a WordPress filter rather than the theme itself.

    Could this be caused by a template difference, hook conflict, or WordPress behavior between Pages and Posts?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator t-p

    (@t-p)

    16 hours, 40 minutes ago

    Your active theme may be applying different default styles for posts vs. pages.
    – Go to Appearance → Customize in your theme.
    – Look for Layout and Typography settings.
    – Ensure the “Page layout” option matches the post layout.
    – If you see separate settings for posts and pages, set them to the same value.

    Inspect the HTML and CSS by using your browser’s Developer Tools (right‑click → Inspect) on both a post and a page. Compare the HTML structure: Posts and Pages may have different wrapper classes.

    For further assistance, I recommend asking at https://wordpress.org/support/theme/generatepress/#new-post so its developers and support community can help you with this.

    Thread Starter r3ndy

    (@r3ndy)

    14 hours, 26 minutes ago

    Hi @t-p ,

    Thank you for your earlier guidance regarding the layout difference between Pages and Posts.

    After further investigation, the issue was resolved by adjusting theme-level settings in GeneratePress Elements, specifically the display rules for Pages and Posts.

    I appreciate your support and direction toward checking the theme layer. It helped me find the root cause quickly.

    Thank you for your great work on WordPress.

    Best regards

    Moderator t-p

    (@t-p)

    14 hours, 24 minutes ago

    You are welcome 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.