[Support request] Related Posts

[John]

Hello

I added related posts element in before comment container hook.

I want to display related post background full width.

How can I do this?

[Tom]

You’d have to do something like this:

body {
    overflow-x: hidden;
}

.wpsp-related-posts.grid-container {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}

If you need the inner contents to be contained, you’ll need to add a nested element inside the parent container.

[John]

It works like a charm.

You’re rock Tom.

By the way, How can I add a nested element inside the parent container?

[Tom]

No problem!

This should work:

<div class="wpsp-related-posts grid-container">
    <div class="inside-wpsp-related-posts">

    </div>
</div>

[Author]

Posts