Can't change size of font for day name in widget list.

[Mark]

I’m trying to reduce the font size of the day name in the widget list but am not having any luck.

.tribe-mini-calendar-event .list-date .list-dayname {
font-size: 10px !important;
}

has no effect.

If I use firebug and alter the font size on

.footer_top span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_shortcode):not(.qode_icon_font_elegant) {
font-size: 10px !important;
}

It changes for the preview but after saving to custom css in my child theme and reloading the page, there is no change. Any ideas?

[Cliff]

Hi Mark. Could you please provide me a link to where I can see this in action on your site?

[Mark]

Yes, http://jcbc2.sprocketwebwerks.com. Sorry, I thought that was included in my submission.

[Cliff]

The font-size is set by this code from your theme, as you initially stated.

This works but is way more specific than it should need to be:

.footer_top #tribe-events-adv-list-widget-5 .list-date span.list-dayname:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_shortcode):not(.qode_icon_font_elegant) {
font-size: 10px !important;
}

Therefore, general advice: you might want to remove the rule that’s needing to be overridden with so much CSS specificity.

[Mark]

Ok, thanks for the help!

[Cliff]

You’re welcome. Have a great rest of your week.

[Author]

Posts