Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 30, 2018 at 5:50 am #948770
    rammandco

    I was wondering how you add a small number (4) in the dot like you have done on your jobs menu.

    EnfoldVersion: 4.2.6

    April 30, 2018 at 10:06 am #948943
    Vinay

    Hey rammandco,

    Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    April 30, 2018 at 12:22 pm #949028
    rammandco

    its on your home page https://kriesi.at/support/topic/navigation-menu-number/
    there is a 4 in a circle next to the menu jobs
    (4)

    May 1, 2018 at 8:59 am #949439
    Rikard

    Hi,

    You can try this CSS:

    #menu-item-263204 .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;
}

    Just replace the menu item ID in the code with your own menu item ID.

    Best regards,
    Rikard

    May 3, 2018 at 7:02 am #950513
    rammandco

    Do I add the CSS in
    theme options > general styling > quick CSS?
    appearance > customize > additional css
    appearance > editor > what php page?

    How do i find the menu ID name is this just the name like Jobs.

    May 4, 2018 at 6:02 am #951321
    Rikard

    Hi,

    You can try it in Quick CSS. You will have to inspect the element you want to apply it to in your browser and find the id for it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.