[Resolved] Custom badge for the Sticky Post

[Hubner TANGUY]

Hello GeneratePress team/community,

I’m trying to make appear a custom badge over the sticky post, does anyone have some tips/guideline on how to achieve that?

Something such as in the image below:

Thanks in advance 🙂

Ps. I LOVE how GP makes things easier. Well done! Elements hooks are a blessing.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

you could use some CSS like this:

.blog .post.sticky {
    position: relative;

}
.blog .post.sticky:before {
    content: url("http://www.example.com/test.png");
    position: absolute;
    top: 0;
    left: 0;
}

Just need to create a PNG for your badge and set in your Content URL.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hubner TANGUY]

Hello David,

Alright, I have done that. Thanks for the quick help 🙂

Have a great day,
Tanguy H.

[David]

Awesome – glad to be of help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts