Customizr-Change the font color in sidebar widget submenu

  • Resolved KSbonbon

    (@ksbonbon)


    9 years, 5 months ago

    Hi,
    I am new to WordPresss and to CSS, and I created a website with a Customizr child theme.
    On my website I have a left sidebar with the menu.

    I would like to change the color of the submenu in this sidebar specifically (currently the menu+submenu is displayed in the same color).

    I figured how to change the color of the whole thing, but I really need to have the main menu pages in color, and the sub-menu or the sub-pages in black for example.

    And I really don’t know where to find the original css files to tweak them.
    Or maybe there is an issue with the hierarchy of the menu or something?

    Your help will be very much appreciated! Thank you ??

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

  • Try this:

    .widget_nav_menu .menu .sub-menu li a {
    color: #F00; /* Adjust color */
}

    Thread Starter KSbonbon

    (@ksbonbon)

    Thank you rdellconsulting,
    Unfortunately it isn’t working …

    Hi,

    It’s not a good idea to change theme css directly, rather install this plugin
    https://www.ads-software.com/plugins/simple-custom-css/

    and then add the css suggested by rdellconsulting in that plugin so it will add your custom css to your theme, try it.

    @codemovement, sorry but that comment is not correct. Czr has its own Custom CSS feature in Customise>Advanced>Custom CSS – there is no need for a plugin.

    @ksbonbon, Did you add the code in the Custom CSS panel or use a Child Theme style.css?

    Thread Starter KSbonbon

    (@ksbonbon)

    @redllconsulting, I added it in the Custom CSS panel of a Child Theme I made.

    I can see your Child Theme style.css:

    /*
Theme Name: Aitap Customizr
Version: 1.0
Description: A child theme of Customizr
Template: customizr
Author: Administrator
*/
/* Your awesome customization starts here */

    But it does not have the code above in it. When I add it, the result is what you’re looking for.

    Make sure you add the code and Save.

    While you’re editing your style.css, take out this line:

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

    Czr already does that for you.

    Thread Starter KSbonbon

    (@ksbonbon)

    It’s perfect, thank you for you swiftness!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Customizr-Change the font color in sidebar widget submenu’ is closed to new replies.