sorry for my late reply, I am coming with responsive size for hero title and next hero title (bottom of the page)
for responsive is really easy following the prev code i've sent previously, you just wrap it in a media query for a specific screen width, for example phones and tablets
I am trying to set a Custom Font under Customize > Typography.
1. Already created custom fonts variations in Appearance -> Custom Fonts.
2. Set Google Font Geologica (Thin 100) as Primary Font Title
But, appearing too BIG and the title "DESCERNING GREECE" is out of screen!!!
Also no custom font sizing is available on CUSTOMIZING!
Please, help me set the Custom Fonts and the proper sizes.
Attached files: 2025-07-14 (1).png
2025-07-14.png
Hello Giorgios,
I get a coming soon page while accessing your site
https://prnt.sc/LFDTXXvLfw00
so I am interested in inspecting the elements, if possible to provide wp admin access in a private comment?
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
Hello Georgios,
I added the following in customizer -> additional css
@media only screen and (max-width: 1537px) {
.hero-title {
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
}
you can modify this code and specify the size directly in pixels. Any particular other element you have problems with?
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
1. Still, the hero-title is out of the screen on smaller screens and mobile!
2. Still, no size changes on next page navigation, on the bottom of the page
3. On user-change of the browser window (float) to smaller size, the title appears off-center - not automatically adjust!
Can you suggest other fonts similar to Six Caps (sizing) , for easier adaptation?
Thanks for your help.
:)
Hello Georgios
Yes, the theme is geared to work with six caps which is a condensed font. Have a look here, maybe you will change the font with something similar
https://www.whatfontis.com/GOOGLE_Six-Caps-regular.similar
in case you want to stay with current font we will send you the css code for hero title and next page title, on responsive as well.
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
Please, send me the css code for hero title, next page title and all the other font styles used on the theme (on responsive as well!).
Thank you
:)
Hello Georgios,
sorry for my late reply, I am coming with responsive size for hero title and next hero title (bottom of the page)
for responsive is really easy following the prev code i've sent previously, you just wrap it in a media query for a specific screen width, for example phones and tablets
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
font-size: calc(1rem + 10.15vw);
line-height: calc(1rem + 10.5vw);
}
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