Hi,

You can change the 'Hot' with the following style

.l-primary-header .a-menu-badge.a-menu-badge--hot>a:not(.menu-item-icon):before {
    content: 'Hot' !important;
    background-color: #d72323 !important;
}

Also you can change the new.

.l-primary-header .a-menu-badge.a-menu-badge--new>a:not(.menu-item-icon):before {
    content: 'New' !important;    
    background-color: #333 !important;
}

Feel free to ask for anything you need.

Kind Regards

This needs to be added in the Apperance > Customize > Additional CSS.

Well, you can replace one of them if needed, adding new would require some extra work, but if you need it, I can explain the process.

Kind Regards

Hey,

I am very sorry for the late reply, here's the solution on creation of new badges.

1) Tick on the top right button 'screen options'. http://prntscr.com/nk9tuu Enable the CSS classes for the menu items.

2) Add the following classes, the first class remains the same, you simply need to change the second. http://prntscr.com/nk9u99 In this case, we add fresh.

3) Add the following style for every new badge.

.l-primary-header .a-menu-badge.fresh > a:not(.menu-item-icon)::before {
   content: 'Fresh';
    background-color: #333;
}

Do not forget to change the class which stands on the .a-menu-badge.fresh.

Feel free to ask for anything you need.

Kind Regards

Good to know, I am very glad that you like it

If you like our theme, please leave us a rate with 5 stars, that would help us a lot.

Feel free to ask for anything you need.

Kind Regards

Good to know, feel free to ask for anything you need.

You can rate our theme at downloads tab in ThemeForest. https://themeforest.net/downloads

Kind Regards,
NeuronThemes