Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #4105727
Change the color of a word in menu items
Open

Comments

  •  2
    giuseppedb started the conversation

    Hi,

    In the first slide of the Homepage I added a vertical menu, with the items:

    Riparazione schermo iPhone Palermo 
    Riparazione batteria iPhone Palermo
    Riparazione microfono iPhone Palermo
    Riparazione connettore ricarica iPhone Palermo

    All the menu items are white.
    I would like to change the color of one of the words for each item to orange, as in the attached image "Home desktop contrera.jpg" (look at the vertical menu, the background is different from the current homepage). How can I get the same result?

    I tried several methods, but none of them seem to work on your template:
    1) I added this code in Customize > Additional CSS:
    li#menu-item-3798 a:after {content: "schermo";color: #ff8c00;}
    li#menu-item-3798 a {color: white !important;}
    It doesn't work.
    2) I tried to directly modify the Wordpress menu item like this:
    iPhone <span style="color: #ff8c00;">schermo</span> repair Palermo
    But it doesn't work either.

    What method is necessary to use with your theme to color a specific word in orange, in each menu item?

    Thank you.
    Best regards

    Giuseppe Di Baudo

    Attached files:  Home desktop contrera.jpg

  •  5,002
    Michael replied

    Hi,

    You can add html markup directly to a menu item and use CSS to change its color.

    1845883030.png

    Attached files:  Screenshot_299.png

  •  2
    giuseppedb replied

    Hi,

    Sorry, but you basically suggested solution #2 that I listed in the previous message among those I tried.
    And of course it doesn't work, as you can see from the attached screenshot.
    Since you have the login credentials, try it yourself and you'll see.
    What method is necessary to use with your theme to color a specific word in orange, in each menu item?
    Thank you.
    Best regards

    Giuseppe Di Baudo

    Attached files:  screencapture-nuovo-websicily-it-wp-admin-nav-menus-php-2025-07-01-21_14_51.jpg

  •  5,002
    Michael replied

    You need to disable this CSS:

    2514679003.png

    Attached files:  Screenshot_302.png