Okay
  Public Ticket #4103213
Headers and Hero
Open

Comments

  • Alejandro started the conversation

    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

  •  2,097
    Support replied

    Dear Alejandro,

    thanks for contacting us. 

    Two important things:

    • 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