Mega menu display label

This topic has 9 replies, 3 voices, and was last updated 4 years, 11 months ago by Artem Temos.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
December 26, 2019 at 6:28 am #165031

Grafik Tasarım Dünyası
Participant

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.

December 26, 2019 at 9:47 am #165063

Aizaz Imtiaz Awan
Keymaster

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.

December 26, 2019 at 9:55 am #165064

Grafik Tasarım Dünyası
Participant

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.

December 26, 2019 at 1:35 pm #165093

Aizaz Imtiaz Awan
Keymaster

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.

December 26, 2019 at 1:42 pm #165096

Grafik Tasarım Dünyası
Participant

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.

December 26, 2019 at 1:49 pm #165098

Aizaz Imtiaz Awan
Keymaster

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.

December 26, 2019 at 1:57 pm #165102

Grafik Tasarım Dünyası
Participant

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.

December 26, 2019 at 2:36 pm #165115
Artem Temos
Keymaster
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;
  
}
```
December 26, 2019 at 2:42 pm #165118

Grafik Tasarım Dünyası
Participant

Thank you very much it worked.

December 26, 2019 at 2:42 pm #165120

Artem Temos
Keymaster

You are welcome!
Author

Posts