Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 30, 2015 at 7:32 pm #452061
    Phenomedial

    Hello everyone :)

    I’m new with wordpress Enfold, so this is my first question.
    I’m not sure if this already was a topic before, because I don’t know how this “thing” is called.

    When you look at the top of this page here at the main menue (the Enfold – Support Website), there is a menue point that is called “Job”.
    There you can see an icon with the number 4, How can I add something like this in the main menue?

    I hope everyone will get this, it’s a pain to find a solution for this problem…:F And maybe you can tell me how exactly this number icon is called by the way :D

    I’m looking forward to you answers guys ;)

    May 31, 2015 at 8:08 am #452202
    Ismael

    Hi Phenomedial!

    Thank you for using Enfold.

    That is added using css:

    .jobs-menu > a > span.avia-menu-text:after {
  content: "4";
  font-size: 9px;
  color: #FFF;
  background: #42A0BD;
  line-height: 17px;
  width: 17px;
  display: inline-block;
  text-align: center;
  border-radius: 100px;
  position: relative;
  top: -9px;
  left: 2px;
}

    Add a custom css class to the menu: http://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item

    In the “Jobs” menu item, the custom css class attribute is “jobs-menu”.

    Best regards,
    Ismael

    May 31, 2015 at 8:25 pm #452278
    Phenomedial

    Yeees, thank you (;

    This worked perfectly for me :)

    June 1, 2015 at 10:00 am #452421
    Rikard

    Hi!

    Glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add this symbol to the main menue?’ is closed to new replies.