Mega menu display label

How do I make the “New” tag on the demo images in the Home menu at https://woodmart.xtemos.com

Attachments:

You must be logged in to view attached files.

Hello

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :)

To add ribbons you need to edit your menu items in Wp-Bakery with html blocks, from the “Label text (optional)” field inside extra menu list element settings, you will be able to add any ribbon.

Screenshot for clarification: https://jmp.sh/6YmrCHV

But those corner border tags not available which you pointed out in your screenshot. They are not included in theme functionality they are just used on our demo store to display our demos and they only designed for demo purposes, not a part of the theme.

Best Regards.

Actually, that’s not exactly what I want.
I want to make a triangular sticker on the demo pictures.

Attachments:

You must be logged in to view attached files.

Hello,

As I told you that this is not the part of the theme. You can not do that without customization or use the custom CSS code.

It is for demo purposes only, not a part of the theme.

Best Regards.

Hi,

I understand, but you already made this label. If you share with me how he does it, I can do it. If you give me the necessary CSS code, we can. This isn’t hard.

Hello,

Ok, then please tell me exactly where you want to show these labels on the website? Also, please send me the screenshot and WP admin login details of your site with site URL.

Best Regards.

Thank you,
We would like to use it in the places indicated in the picture in the main menu.
Since the site belongs to a corporate brand, I am forbidden to share WP login information.
If you tell me the codes and where to apply, I can do it.

Site URL: https://elifmobilya.com.tr/

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings and add extra class for the single image element custom-new-lable

.custom-new-lable .vc_single_image-wrapper {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 6px;
}
.custom-new-lable .vc_single_image-wrapper:before {
  z-index: 10;
  content: "NEW";
  font-size: 12px;
  position: absolute; 
  top: -10px;
  left: -42px;
  transform: rotate(-45deg);
  background-color: #83B735;
  padding-bottom: 2px;
  min-width: 100px;
  padding-top: 20px;
  text-align: center;
  color: white;
  
}

Thank you very much it worked.

You are welcome!

[Author]

Posts