Archived topic

How To Add Background Colour In Hook Element?

3 replies · Started by Paramvir on January 28, 2020

Viewing posts 1–4 of 4

January 28, 2020 at 10:21 pm #1147761

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.

January 29, 2020 at 3:36 am #1147990

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;
    }
}

January 30, 2020 at 4:50 am #1149165

Thanks. Works fine.

January 30, 2020 at 5:21 am #1149186

You're welcome

This archived topic is closed to new replies.

Start building better websites today.