Custom CSS in child theme not working

  • Resolved Touda

    (@touda)


    8 years, 11 months ago

    I’d like to change the style (colour) for one of the main menu items at https://www.15-15-15.org/webzine/es/ through the style.css of our child theme, but I can’t get it.

    I’ve tried all the following:

    li#menu-item-369 a {
color: #82b965;
}

#menu-item-369 a {
color: #82b965;
}

.menu-item-369 a {
color: #82b965 !important;
}

@media only screen and (min-width: 720px) {
#nav-header .nav li#menu-item-369 a {
color: rgba(0,255,0,0.7);
}
}

.nav li#menu-item-369 a {
color: rgba(0,255,0,0.7);
}

    I’ve read https://hueman.presscustomizr.com/#customization-css but it was no use. Besides, I can’t find that Theme Options > General > Custom.css option. It’s quite strange!

    Hope somebody can help. Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)

  • You’ll need to be a bit more specific with your CSS, plus I think you’ve got the wrong ID; I didn’t see a menu item with the ID 369, but I did see one with the ID 396.

    #nav-header li#menu-item-396 a {
	color: #82b965;
}
    Thread Starter Touda

    (@touda)

    Oh, I can’t believe it’s that silly mistake! Fool of me! ??

    Sorry and thank you for letting me now. Sometimes when you code, you just don’t see those things.

    God bless copy-paste! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS in child theme not working’ is closed to new replies.