Is there a way to customize the hero section height or margins per page, not just enable or disable it?
I’ve noticed your theme uses a rather unusual default font setup. My site and brand identity are based on Montserrat, but when I selected it in the theme settings, the layout changed drastically: titles became oversized, and headings/subheadings lost their visual harmony.
After struggling with CSS, I managed to make adjustments to the homepage. However, now I’m working on a second page and found that the #hero-caption margins appear to be global. I’m unable to customize its position per page, which is a problem.
Important context:
I only want to display a hero image on the homepage.
On other pages, I’d like to use plain text in the hero area, positioned at the top (where the hero normally sits), but right now it’s pushed too far down.
I’m not trying to insert video or media—just control text layout in that area.
Could you please advise if there's an easy way to control the hero area (especially margins and positioning) on a per-page basis?
the hero that has an image as background includes a css class 'has-image' so you can use that in t=your css when you customize your homepage https://prnt.sc/BGAsFK-ttkfv
second, even though the pages are loaded with ajax the unique css class id is stored in <div id="clapat-page-content" https://prnt.sc/O558R0u72tlc so in this case is clapat-class-id-3129
Hey Alejandro, well, these are the most common - the ones which are listed in the docs. However, if you indicate a specific element with a specific behaviour that you need to replicate and may have a css class attached to it, we are more than glad to help.
Hello team,
Is there a way to customize the hero section height or margins per page, not just enable or disable it?
I’ve noticed your theme uses a rather unusual default font setup. My site and brand identity are based on Montserrat, but when I selected it in the theme settings, the layout changed drastically: titles became oversized, and headings/subheadings lost their visual harmony.
After struggling with CSS, I managed to make adjustments to the homepage. However, now I’m working on a second page and found that the #hero-caption margins appear to be global. I’m unable to customize its position per page, which is a problem.
Important context:
I only want to display a hero image on the homepage.
On other pages, I’d like to use plain text in the hero area, positioned at the top (where the hero normally sits), but right now it’s pushed too far down.
I’m not trying to insert video or media—just control text layout in that area.
Could you please advise if there's an easy way to control the hero area (especially margins and positioning) on a per-page basis?
Please see the attached screenshot or visit this URL for a visual reference.
https://somosorigen.online/site/somos-originantes/
Thank you so much for your help!
Best regards,
Attached files: Screenshot 2025-06-25 000347.jpg
Dear Alejandro,
thanks for contacting us.
Two important things:
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
Got it! Thank you for pointing me out. Legend!
One last thing, do you have, by chance, an UPDATED version of the predefined CSS Classes I can use with the Montoya theme? I only see these ones: http://clapat-themes.com/helpcenter/montoya/documentation-theme-creating-content.html
Hey Alejandro, well, these are the most common - the ones which are listed in the docs. However, if you indicate a specific element with a specific behaviour that you need to replicate and may have a css class attached to it, we are more than glad to help.
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