sub menu item color

  • I’m busy with a website https://www.lowennaskinencare.nl

    i’m having troubles with submenu items.
    When u click under behandelingen and choose one of the items, the page will load. But when the page is there, the text behandelingen on the menu button is invisble.
    Can someone help me how to keep the menu item visible?

    this is the custom CSS.

    .entry { color: grey; }
    .entry.excerpt { color: grey; }

    #nav-header .nav li a { color: grey; }
    #nav-header .nav li > a:hover, { color: grey; }
    #nav-header .nav li:hover > a { color: #0038f7; }
    #nav-header .nav li.current_page_item > a { color: red; }
    #nav-header .nav li.current-menu-item > a { color: #0038f7; } *//tekstkleur button na open//
    #nav-header .nav li.current-menu-ancestor > a { color: grey; }
    #nav-header .nav li.current-post-parent > a { color: grey; }

    #nav-topbar .nav-toggle {
    background: lightgrey;
    color: grey;
    }

    #nav-header .nav-toggle {
    background: grey;
    color: grey;
    }

    thank for youre help already.

    rene.

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

  • Hi rene. The problem is the child theme style.css file contains a copy of the entire parent theme style.css file, so those styles are overriding your custom css. Normally your child theme style.css file would only contain those styles you want to add or change. Also, if you’re using a child theme you probably don’t need to use the theme custom css option.

    My recommendation would be:

    1. Remove all the existing css from your child theme style.css file from this point all the way to the end:

    /*
WARNING! DO NOT EDIT THIS FILE!

    2. In the same file, add this below the remaining heading comment section:

    @import url("../hueman/style.css");

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

    3. Copy all your existing custom css to the child theme style.css file.

    4. Delete the code in your custom css module.

    This way your child theme will only contain your custom css and you won’t have to worry about saving and restoring it if you update the parent theme.

    Thread Starter pionok

    (@pionok)

    hmmm i think i made a big mistake.
    I changed a lot of things in the style.css and i don’t know excactly which changes i made.

    I don’t want to build the website complete new. Is there a way to block updates of the theme? or do i have to start all over?
    Or is there a easy way to see the changes in the stylesheet?

    I thought i used the child theme the right way now. Not good ;-(

    hopefully u can help me further.

    Thnx already.
    rene

    Are you saying you modified the code in the child theme styles.css file, and you have custom css in the custom css module?

    Thread Starter pionok

    (@pionok)

    I edited Some Things in the childtheme style.
    And i made Some Custom css. But the custom Css are just the menu items Colors. But the things i changed in the childtheme are Some transparency things.

    I think i Will download the original style and the edited style and Search for the changes i made. Then i can import the original style in the child theme (as u Sa?d) and edit the Custom css in the child theme.

    A lot of work but i think the only right possibilty. A hard lesson.

    What happens when u never update the theme?
    Rene

    You could use a file comparison utility, something like this (no cost):
    https://sourcegear.com/diffmerge/downloads.php

    If you never update the parent theme you’ll be fine until, at some point, the code you’re running will have a conflict with the current version of WordPress. As WP changes, new code will be added (new functionality, patching security holes, etc.) which you won’t be able to implement unless you manually edit the theme code. And old code will be removed which, if your theme depends on code that is removed, will cause the theme to either not run properly, or not run at all. Also, if you’re upgrading your plugins but not the theme, eventually one or more plugins won’t work with the theme because they’ll be changing to keep up with the changes in WP.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘sub menu item color’ is closed to new replies.