Changing Background Hero Image in coded file

Developer Support CMS Development
1

Hello everyone,
I’m trying to make a customizable header area composed of a background image and h1 and h2 tags plus a button in a Hubspot coded file (not in template builder). The problem is that I want to make the background image customizable through an image module as well as the header tags and the button. I haven’t find the way to do it at this point. I found an article in reference to this but it was not so helpful for me. Accounts Dashboard | HubSpot

Here is the template I’m building for your reference: https://preview.hs-sites.com/_hcms/preview/template/multi?portalId=410209&tc_deviceCategory=desktop&domain=default&template_file_path=Custom%2Fpage%2FDP-CALA-TEST%2Findex.html
(Take a look at the top header image and text).

Any help is appreciated.
Thanks,
Daniel

2

Hey @danielps02 I wasn’t able to access the template via that link - are you still working on this page?

3

Hi @roisinkirby

Thank you for looking into this. I’ve finally solved it by creating a custom module and placing the divs in different positions (not one inside another). It was also easier for me to build the template in the template builder instead of a coded file in html. Here’s the result:

https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=410209&tc_deviceCategory=desktop&template_layout_id=5644924911

Now I’m facing another challenge: I’ve created a custom module with a choice fields for users to choose a number of elements to be rendered in the page (in this case I have 2 pages with this type of custom module: 1) Choice for # of speakers 2) Choice for # of question for FAQ section). The problem is that when a number is choose I’m not able to edit each of the modules within this custom module from the content editor.

Here are the examples:

Speakers Template: https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=410209&tc_deviceCategory=desktop&template_layout_id=5655577099 (the default is 1 speaker element, then you have the option to choose a total of 6)

FAQ Template: https://preview.hs-sites.com/_hcms/preview/template/multi?is_buffered_template_layout=true&portalId=410209&tc_deviceCategory=desktop&template_layout_id=5656290470 (same as the above you but in this case you have the option to choose a maximun of 10 questions and answers)

If you would have an idea of how to solve this problem in the content editor that would be great.

Thanks in advance,

Daniel

4

Hi @roisinkirby

I finally found the issue: It was a simple line of code that needed to be fixed and wrong placing of some closing tags. Now it’s working as desired.

Thank you,

Daniel