No events default message – font is too big

  • Resolved sirih

    (@sirih)


    10 years, 5 months ago

    The default message for when no events are scheduled is styled within the plugin as h2. This is way too big in my theme and I would like to reduce the font size.

    I have tried the suggestion made in the support post called “Event List – Font sizes”, with no result at all.

    Can you please advise what I might, then, insert into my custom CSS to make the default message font smaller? When I look at the source of the page I see

    <div class=”widget qem_widget” id=”qem_widget-16″><p class=”title”>Events</p><h2>No events scheduled Please check back.</h2>…

    but am uncertain as to how to format the statement in the custom CSS to make the ‘title’ class do what is required.

    I have tried various permutations on

    .title {
    font-size: 12px;
    }

    but nothing makes the slightest difference.

    Can you please help? Quick Event Manager is exactly what I need – except the great big default message!

    Thank you.

    https://www.ads-software.com/plugins/quick-event-manager/

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

  • Hi Sirih.

    The H2 font size isn’t controlled by the plugin, it’s set in your theme stylesheet. Try adding this to your theme styles.css:

    .widget.qem_widget h2{font-size: 1em;}

    Top tip, don’t use px sizes for your fonts. Much better to set as a % or em so they resize depending on the browser/device being used.

    Thread Starter sirih

    (@sirih)

    That is exactly what I wanted – thank you very much, it works perfectly.

    And thanks for the reminder about using (or not using) px sizes. I did know that but had kind of forgotten the reason for it ??

    Your help is much appreciated.

    No problem sirih.

    Pleased to have helped.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No events default message – font is too big’ is closed to new replies.