Image banner: Typography and responsive behaviour

[karinform]

Hi!

Questions about the hover appearance in Image banner:

Typography’s line height
When I set the size and Line Height in H4, the size works but not the line height.
The line heights is too big. Is it possible to solve?

Typography at smartphones
The typography set in image banner doesn’t work responsive. Since I want “big” text, only one letter is visible on little screens like smartphones.

Thank you,

Karin

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

For figcaptions (overlays) it is set to 160% of the font, to change it add this to your custom css:

figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5 {
  line-height: 120%!important;
}
@media only screen and (max-width: 479px) { 
figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5 {
  font-size: 28px;
}
}

– Kyle

[karinform]

Wow, you’re fast and great 🙂 It worked perfectly!

All the best,

Karin

[Kyle – SUPPORT]

No problem 🙂