Change line height of event title?

  • https://staging.religion.utoronto.ca/

    You previously helped with a font size question and how I have one about the line height of h2. I do understand, as you said before, that the QEM uses the theme’s h2.

    I want to reduce the line height of the event listing link. But when I add the line-height amendment to the h2, as below, it does not have any effect. The amendment to p works fine, though.

    .widget.qem_widget h2{font-size: 1.1em;color:#002A5C;line-height:90%;}
.widget.qem_widget p{font-size: 1.1em;line-height:90%;}

    Can you tell me where I am failing?

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

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

  • Try

    .widget.qem_widget h2 a{font-size: 1.1em;color:#002A5C;line-height:90%;}

    Thread Starter sirih

    (@sirih)

    I tried what you provided (having thought to myself, well, of course, it’s the link that needs specific styling – how silly of me!).

    But, weirdly, I cannot reduce the line height using this code – I can increase it, say, to 300% and it has a very clear effect. I reduced it to something silly like 20% and it doesn’t change.

    (And just FYI, I have tried it in both my style.css and in the custom CSS bit in the QEM plugin – no luck in either location.)

    It is a minor thing – just puzzling, because the line height I set in the p worked fine.

    I use a code inspector to see whe styles each element uses. I don’t know what browser you are using but most of them have some sort of extension you can install.

    There will be some hidden style somewhere that has taken control preventing you from reducing the line hieght.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change line height of event title?’ is closed to new replies.