The client is hoping to use these as templates for a number of landing pages. Can this be accomplished with a module or by any other means to enable their designer to adjust the height without any coding?
@rossatgrowth I recommend you create a "custom" module... a background image won't do it, you need a front image or a fixed height in the html that contains the background image... yes?
Martin Angeletti
HubSpot Veteran (12+ years)
❌ Worried about messing up your HubSpot? I've got your back.
✅ Join the thousands of people who have discovered how to avoid problems with simple tricks and have started to dominate HubSpot (and not be dominated).
⛅️ Don't get left behind.
→ Click the subscribe button and scroll down to find the opt-in box.
@mangelet thanks for following up. As I was typing up my response I realized I was attaching those values to the background image rather than the <div> containing it 😔.
For anyone else that needs help with this, I added inline CSS to the <div> whose height should be adjusted, created a number module, and injected it into the div's inline CSS, i.e:
@rossatgrowth you link is not displaying but... yes that can be done, sure. And it's usually the case, when designing a module, you will create module properties for the designer / user to customize the end result.
Martin Angeletti
HubSpot Veteran (12+ years)
❌ Worried about messing up your HubSpot? I've got your back.
✅ Join the thousands of people who have discovered how to avoid problems with simple tricks and have started to dominate HubSpot (and not be dominated).
⛅️ Don't get left behind.
→ Click the subscribe button and scroll down to find the opt-in box.
@mangelet thanks for the reply, how can this be accomplished? Support wasn't able to address this question at all and suggested purchasing an additional tech service 😑.
Unsure of why it's not displaying, but essentially it's your run-of-the-mill hero currently hardcoded to 500px height in the stylesheet.
Set available size options to "show height and width only" (this is all I need) and removed the hardcoded CSS. However, when editing in the page editor based on this template, the sizing doesn't change with the values.