• Resolved gerard094

    (@gerard094)


    Im really messed with my client, he wants the menu where it says: “EN VIVO!” in red, and the rest of the menu in black.

    You can see it here: https://tardepogo.com

    I only have this code that applies to all the menu:

    .navbar .nav > li > a { color:#ff8040 ; }

    How can I put “En Vivo” in red and the rest in black?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this to the “Custom CSS” part of the dashboard (assuming you don’t have duplicate pages in the menu):

    .navbar .nav li#menu-item-67 a { color: #ff8040; }

    Thread Starter gerard094

    (@gerard094)

    It doesn’t work, whats on the “item-67” why’s that?

    That’s the specific id/class assigned to that menu item – you can see it in the HTML:

    <li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67">
    <a href="https://www.tardepogo.com/en-vivo/">EN VIVO!</a>

    Looks like your child theme style.css file has a couple of errors in it – hence no code there will work:

    /
    Theme Name: Child Customizr
    Description: Tema hijo del tema padre Customizr
    Author: Garoto
    Author URI: tardepogo.com
    Version: 0.01
    Tags: tema,hijo
    Template: customizr
    */@import url('../customizr/style.css');/
    ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
    }

    Try changing that to:

    /*
    Theme Name: Child Customizr
    Description: Tema hijo del tema padre Customizr
    Author: Garoto
    Author URI: tardepogo.com
    Version: 0.01
    Tags: tema,hijo
    Template: customizr
    */
    @import url('../customizr/style.css');
    
    ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
    }

    Thread Starter gerard094

    (@gerard094)

    I’ve did it putting this code

    .navbar .nav li#menu-item-67 a { color: #ff8040; }

    And I think that the edition of the style.css worked.

    Thanks

    Awesome – looks great – good job!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can I change the color of only one menu item?’ is closed to new replies.