NEW and HOT in menu

[touren]

Hi there,

how can I get behind a menu item the blue “HOT” or “NEW” buttons, that you are using in your demo http://seventhqueen.com/themes/kleo/members/demo/ in the navigation menu under e.g. PORTFOLIO

[Radu]

Hi

Just go to wp-admin -> appearance -> menus -> Go to item that you want to label and inside the em tags type your text (see attached screenshot)

COPY CODE

<em>NEW</em>

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[touren]

Thank you very much, Radu!

That worked fine! 🙂

[Radu]

You’re welcome

Have a nice day

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[touren]

I just wonder if I can also get HOT or NEW Icons the same way in TOP-MENU?
when I user HOT in the same manner I only get HOT as result (but not colored)

[Radu]

Hi,

If you need that label also in top bar add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.top-bar em {
    border-radius: 2px;
    font: 10px Arial,Helvetica,sans-serif;
    padding: 1px 3px;
    font-style: normal;
    background-color:#00b9f7;
    color:#fff;
}

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[touren]

Perfect! Works like a charm!! 🙂
thank you very much!

[Radu]

Great !

You’re welcome

Don’t forget to rate our theme 5 stars on Themeforest since it will really help us.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[investa]

Not sure if I can tag on to an item already marked as resolved or if I should create another topic. So I’ll try here first. I have added the code as suggested above. I also already had the following code in place:

.header-color .navbar-nav li .caret:after { color: #fff !important;}

If I add the new code directly beneath it, my grey background colour doesn’t change. Presumable it should be blue with white writing? So … Have I put the new code in the right place or am I missing a step because I already have some css code (to make my mobile navigation menu visible)?

Thanks

[Radu]

Hi Investa,

Do you try to have Hot label into topmenu ?

That’s the css for that

COPY CODE

.top-bar em {
    border-radius: 2px;
    font: 10px Arial,Helvetica,sans-serif;
    padding: 1px 3px;
    font-style: normal;
    background-color:#00b9f7;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[investa]

I have ‘NEW’ would the css be different for that?

[Radu]

Nope…

Do you have placed the NEW inside em tags

COPY CODE

<em>New</em>

Then let me know where i can see this in actions to can provide you correct css solution if the preview solution was not works.

Cheers

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[investa]

This reply has been set as private.

[Radu]

Hi,

Add this css to wp-admin -> theme options-> general settings -> quick css

COPY CODE

ul#menu-kleo-primary-menu li a em {
    background: #00b9f7 !important;
}

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[investa]

Cheers Radu, perfect as usual!

[Radu]

Good,

Have a nice week

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts