[Resolved] How To Add Background Colour In Hook Element?

[Paramvir]

Hello. I am having fun configuring my GP.

However, can’t figure out how to add a background colour to a Hook Element created ‘right after main content’, above the footer, which has ‘WPShowPost’ shortcode displaying 3 random posts.

[David]

Hi there,

glad to hear you’re enjoying GP 🙂

Edit your Hook Element and add this HTML around your shortcode:

<div class="wpsp-wrapper">
[wpsp shortcode goes here]
</div>

Now add this CSS:

.wpsp-wrapper {
    background-color: #fff;
    padding: 40px;
}

@media (max-width: 768px) {
    .wpsp-wrapper {
        padding: 30px;
    }
}

[Paramvir]

Thanks. Works fine.

[David]

You’re welcome

[Author]

Posts