How to reduce font size in grid view

  • Springtide

    (@reneyoung)


    4 years ago

    My site is in dev mode so I can’t provide a URL that’ll work for you, and I’ve seen several similar questions in this support forum, but the answers are always different. It seems the huge font size of the title of events in the main calendar grid view are a result of it using the h3 tag, which is being sized by the WordPress theme. I tried adding the following code snippet in Appearance > Customize > Custom CSS, but that did not work:

    #primary .page .entry-content .mc-main h3 {
    font-size: 0.8em;
    }

    That code is where I deducted that the h3 tag is at play here. Is this being governed different from one WordPress theme to another, or is there a way to edit it somewhere? I’m using the Astra Theme.

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

    (@joedolson)

    Most likely, your theme is using a very high level of specificity in their CSS, so their CSS is “winning” the cascade.

    Without a link, I can’t say anything specific about that, however. You could try adding an !important flag:

    #primary .page .entry-content .mc-main h3 {
font-size: 0.8em !important;
}

    That pushes the specificity higher, so it increases the likelihood it’ll be rendered. Unless their CSS uses !important as well, in which case who knows.

    Thread Starter Springtide

    (@reneyoung)

    Thanks for the reply, Joe. Unfortunately, that did not work. The site will be going live within a week or two. I’ll post the link at that time.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to reduce font size in grid view’ is closed to new replies.