Site logo

Archived topic

Related Posts

3 replies · Started by John on July 16, 2019

Viewing posts 1–4 of 4

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?

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.

It works like a charm.

You're rock Tom.

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

No problem!

This should work:

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

    </div>
</div>
This archived topic is closed to new replies.