Place accent label on specific category in products menu

ThemeBurn SupportForumsOpenCart ThemesBurnEnginePlace accent label on specific category in products menu

This topic has been marked as not resolved.

I am using menu item with Products block from Category expanding to all product categories once you hover.

I want to place an accent label like “New” for a specific product category when the menu expands.

But currently it allows only placing accent label on the top level menu, not one of the items as it expands.


May 29, 2018 at 12:18 am #64444


If I understand your problem you can see in attached image. Works in a expand menu also.


May 30, 2018 at 11:57 am #64484


I don’t see any attached image.
I still need to understand how to do it for specific items in Product category.


May 30, 2018 at 3:19 pm #64485

Please clarify as asked.

June 2, 2018 at 7:25 pm #64501

Hi Ash,

Unfortunately there is no such built-in feature, but you can easily insert a label with the aid of some custom CSS:

.tb_menu_category_113 > a:after {
    content: 'New';
    display: block;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-left: 3px;
    padding: 0 4px;
    line-height: 14px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial;
    color: #fff;
    background: red;
    border-radius: 3px;

Please replace the number in the above example with the ID of the category you want to highlight.

ThemeBurn team

June 4, 2018 at 3:14 pm #64523


How do I locate the category number?


June 8, 2018 at 3:18 am #64570

Hi Ash,

Here is a screenshot with a quick explanation:

ThemeBurn team

June 13, 2018 at 12:00 pm #64616
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.