WordPress.org

Forums

Ridizain
[resolved] Changing text-color of nested menu-item (2 posts)

  1. loiborg
    Member
    Posted 1 year ago #

    I'm working on Ridizain in a child theme and I'm having some issues with the css.

    I've located the following to be controlling the text-color of each of the menu items in the primary navigation

    .site-navigation a {
    	        color: #E74C3C;
            }

    (#E74C3C is the red color I want to use)

    I've also noticed that the following seem to control the text-color of a nested menu item, when hovering over the text

    .primary-navigation ul ul a:hover,
    	    .primary-navigation ul ul li.focus > a {
    		    background-color: #E74C3C;
    		    color: #FFFFFF;
    	    }

    This would give an indication that in order to get white text color on a nested menu item, all I would have to do is to change the following:

    .primary-navigation ul ul {
    		    background-color: #E74C3C;
    		}

    to

    .primary-navigation ul ul {
    		    background-color: #E74C3C;
    			color: #FFFFFF;
    		}

    - Yet nothing happens. I suspect it's because '.site-navigation' is mentioned first, thus ignoring the latter code, but I'm not quite sure what I'm doing wrong.

    Hope it makes sense. Thanks for your time!

  2. loiborg
    Member
    Posted 1 year ago #

    Changed to a Twenty Fourteen child theme instead as I found the plugin Fourteen Colors that can be used to fix this issue.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic