Modify specific navigation labels in the top menu

  • Resolved forlanif

    (@forlanif)


    8 years, 2 months ago

    I’m running a child of Basic theme (WP puzzle). I’ve added the plugin “AGP Font Awesome Collection” in order to replace the Home navigation label by an icon in the top menu.

    I managed to add the icon to the left of the navigation label “Home”, but I don’t manage to remove the text “Home” in order to leave only the icon image (see https://sites.unimi.it/foodsystems/).

    I tried to write “etichetta_home” in the class field (under “appearance”, “menus”, “Menu structure”, “Home”, “CSS classes”) and then I’ve added “.etichetta_home {font-size: 5px}” or “.etichetta_home {display: none}” to the end of style.CSS (Basic child) but I got no change.

    If I tried to delete the text “Home” or to add empty spaces in the field “Navigation Label”, but then it is replaced by the text “About”.

    Have you simple suggestions about?

    • This topic was modified 8 years, 2 months ago by forlanif.
    • This topic was modified 8 years, 2 months ago by forlanif.
    • This topic was modified 8 years, 2 months ago by forlanif. Reason: improvements of the text
Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author WP Puzzle

    (@wppuzzle)

    Hi, @forlanif!

    I am see problem with custom menu classes. I am added this to bug list. This will be fixed in the short version, which we will release 21-23 January

    Thread Starter forlanif

    (@forlanif)

    I’ve updated the Basic Theme to 1.2.2. I’m working on Basic child (with header.php replicated there because of a small customization by inserting “The University of Milan” (see https://sites.unimi.it/foodsystems/). I tried again to set the CSS class etichetta_home in the menu options (as told above) and in the style.CSS I have added:

    .etichetta_home {font-size: 5px; }

    or

    .etichetta_home {display: none; }

    but no change there were.

    Am I mistaking something?
    Please consider I’m not good in code writing.
    Thank you
    Fabio

    Theme Author WP Puzzle

    (@wppuzzle)

    @forlanif, update to last version – this is fixed

    Thread Starter forlanif

    (@forlanif)

    Ok, now the class field etichetta_home is functioning and I’m able to change the font-size of the specific menu item!

    Is there a way using this class field that let me to show only the home icon and remove the text “home”? I’m using the plugin “AGP Font Awesome Collection” (see above) to add icons to the menu items.

    Thank you
    Fabio

    • This reply was modified 8 years, 1 month ago by forlanif.
    Theme Author WP Puzzle

    (@wppuzzle)

    @forlanif, try add   at item label

    Thread Starter forlanif

    (@forlanif)

    It works!! The icon is not perfectly centered but doesn’t matter. Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Modify specific navigation labels in the top menu’ is closed to new replies.