Sub-menu font size with child theme

[Henry Morris]

Hi Bill,
the code doesn’t seem to be working anymore.

.flexnav li ul li {
font-size: 12px;
}

Not sure if it’s because of child theme but size doesn’t change anymore.

[Bill Robbins]

Good Morning Henry,

That would likely be true inside a child theme. The way CSS works, the last loaded style will be the one that’s applied to an element. The Custom CSS area is loaded last in the theme’s header so it’s what would take precedence, but a child theme’s file is loaded earlier. Because of that, the font options will override the size because they are loaded later.

The way to get around that is to make the sub-menu items have a more specific selector. You might try something like this:

#header #navigation .flexnav li ul li {
	font-size: 12px;
}

See if that doesn’t do the trick in your child theme. Let me know if you have an issue there.

Have a great day,
Bill

[Henry Morris]

Hi Bill.
no luck with this one font size still does not change
http://nufi.org/wp/

[Bill Robbins]

Let’s try targeting the link that’s inside that list item instead. See how this goes:

#header #navigation .sub-menu li a {
		font-size: 12px;
	}

Let me know if that doesn’t do the trick,
Bill

[Henry Morris]

THAT WORKED!

[Bill Robbins]

Splendid 🙂

[Author]

Posts