• Support notice: Alex (MD + XFtoWP lead developer) is back from a short absence and will answer support questions as normal. Thank you for your patience!
  • Welcome to the all-new Kolakube support, the official place to get help for Marketers Delight, XFtoWP, CryptoWP, and other WordPress products! Please login with your account details to access members-only support forums.

Implemented Adding a teasing, marketing mention on top of feature images

Some French Dude

SomeFrenchDude
Md
Messages
1,062
Reaction score
121
In the past (like 3 years ago or so), I had come up with an idea of MD offering the possibility to add a layer on top of the feature image. I can't find the exact post again but here is a quick recap...

It could a triangle appearing on top of the left or right-hand corner of the feature image.
We could select the color of that triangle/shape as well as the text that goes within.

That way, we could automatically add on top of the feature images any mention such as: BEST OF 2022, TOP 3 Choices, Most Likes Post, etc.

Any progress or plan on this?
 
Last edited by a moderator:
This suggestion has been implemented. Votes are no longer accepted.
Hi @Some French Dude, I like the idea so I made a quick Drop-in for this. Here's what it looks like on top of an inline featured image (left, right, center, above/below headline).

Screen Shot 2022-05-29 at 12.56.38 PM.png

To add to your site:
  1. First, update to MD5.4.1.1 from your WP admin panel
  2. After the upgrade, download featured-image-badge.zip from this post
  3. Install and activate the drop-in to WP admin > MD > Drop-ins > Add new
    Screen Shot 2022-05-29 at 12.56.31 PM.png
  4. Edit any post and edit the Featured Image Extras settings.
    Screen Shot 2022-05-29 at 12.56.45 PM.png
 

Attachments

  • featured-image-badge-10.zip
    2 KB · Views: 0
Comment
Hey @Alex, here we are again with me happy to contribute to MD features, evolution and community ;-)

That's a great start but I barely noticed the "NEW" flag at first glance.

Below are drafts of what I had in mind that I just made for you quickly.
The second option seems more to be more noticeable, effective.
Ideally, you can choose the location of the ribbon, its size and color. ;-)

Hope that helps.


1653862053039.png

1653862193838.png
 
Comment
I'll try to make another pass at it at some point with some custom CSS.
 
Comment
Not sure if this could be applied to ANY image, not only the feature image. That would be super cool.
 
Comment
Back
Top