Dashicon not showing on popups

  • Resolved dougmcc

    (@dougmcc)


    3 years, 8 months ago

    Hi Joe:
    I’ve been working through customizing My Calendar on a test site (the User’s Guide has been a great investment) but I can’t get the “dismiss” dashicon to show in the popup windows, either from the mini calendar in mobile view or the main calendar in tablet/desktop view.

    They work fine on other parts of the site, just not in My Calendar. The problem is that the icon is an important visual clue to help users get out of the popup. Any suggestions?

    I’ve attached a link to the calendar page on my test site. Thanks for the help!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    In your stylesheet, it looks like you’ve made an edit on line 1 to apply a font family globally in My Calendar:

    Mine:

    .my-calendar-header *, .mc_bottomnav *, .mc-main * {
	line-height: 1.62;
}

    Yours:

    .my-calendar-header *, .mc_bottomnav *, .mc-main * {
	font-family: var(--sansserif);
	line-height: 1.62;
}

    Since that font is applied using the asterisk selector, it’s applying to all elements, and overriding the dashicons font-family.

    Thread Starter dougmcc

    (@dougmcc)

    Man, I never thought of checking that. Removing the font-family declaration cleared everything up. Thanks for the quick help &
    Cheers

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dashicon not showing on popups’ is closed to new replies.

Tags