Okay
  Public Ticket #3202849
Headings sizes
Open

Comments

  • edwingroot started the conversation

    Hi there,

    I've a question about the big headings in the portfolio template. For one or two small words they work fine but when I use longer words the get cut off.

    Is there a way to make the big headings smaller? Or even have them automatically resize to the right proportion?

    Thanks in advance!

    Attached files:  Screenshot 2023-01-07 at 20.35.36.png

  • Marius replied

    Hello Edwin,

    you can decrease the font size with

    .stagger-title {
      font-size: 12vw;
      line-height: 15vw;
     
    }

    in customizer -> additional CSS , modify the font size and line height however to make the ajax page transitions match you need to also to modify the hero title size

    #hero.has-image .hero-title, #project-nav .next-hero-title {
      font-size: 12vw;
      line-height: 15vw;

    }



  • edwingroot replied

    Thank you Marius. And what if I want to change the font size per item? And not for all at once? Is that an option?

    If not, is it possible to have the font scale based on the size of the container? The current font-size is perfect for me but longer words should show up smaller then?