This topic has 15 replies, 3 voices, and was last updated 8 years by 
-
-
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
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 solutionYou’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 solutionI 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)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 solutionGreat !
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 solutionNot 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
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 solutionNope…
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 solutionHi,
Add this css to wp-admin -> theme options-> general settings -> quick css
COPY CODEul#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 solutionGood,
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
You must be logged in to reply to this topic.
