We actually do not recommend changing the font family for hero titles, or at least change it to a compact font family similar to the original 'Six Caps'
plz note that the original font size is dynamically calculated using root element and and the current viewport width, but you can specify the size directly in pixels and add the code to customizer -> additional CSS
Like the title says I am wondering how I can change the font without breaking the text.
When using the default font, everything works fine, but changing the font in the typography section will break 2 things:
1. The theme doesn´t recognize upper case letters anymore
2. I don´t see any possibility to change the font size in the typography section. The hero text is just breaking out of the frame.
The two attachments should clarify what I mean.
Attached files: Screenshot 2024-09-11 094913.png
Screenshot 2024-09-11 094936.png
Hello Patrick
We actually do not recommend changing the font family for hero titles, or at least change it to a compact font family similar to the original 'Six Caps'
https://fonts.google.com/specimen/Six+Caps
the font size can be changed with custom css
.hero-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 22vw);
font-weight: 500;
}
plz note that the original font size is dynamically calculated using root element and and the current viewport width, but you can specify the size directly in pixels and add the code to customizer -> additional CSS
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio