Line Height for Headings

Hi guys, I am working on a content slider and would like to change the line height of the headings. I have assigned heading 4 and 5 for that use and have pasted the CSS code you provided in previous posts.
h4 {
line-height: 1em;
}

h5 {
line-height: 1em;
}

Unfortunately, after many tries, it does not affect h4 and h5 in the slider but it works when I use it in text modules. Anyone have a solution for this? Thanks

Hey Charles,

That’s because the Content Slider headings have their own value for line-height. We’ll have to override those with this CSS snippet.

.fl-content-slider .fl-slide-content h4 {
  line-height: 1em !important;
}

Let us know how it goes! :slight_smile:

Ben

Thanks Ben! As a non coder, I am always impressed in the CSS magic. It did the trick!

No worries! Enjoy BB! :slight_smile:

Ben