How to make parameters for headlines to work with my component?

Support
#1

Hi,

I’m trying to make a headline component with parameters to make it possible to Change:

  • The headline text
  • The H-tag (e.g h1, h2, h3 etc.)
  • The font size

What am I missing in my code below? The only thing that works is the change of the Headline Text, not the tag or the font size changes.

{
“headlineText”: {
“label”: “Headline Text”,
“type”: “text”,
“initial”: “Headline”
},
“headlineTag”: {
“label”: “Headline HTML Tag”,
“type”: “select”,
“initial”: “h2”,
“options”: [
{ “value”: “h1”, “label”: “H1” },
{ “value”: “h2”, “label”: “H2” },
{ “value”: “h3”, “label”: “H3” },
{ “value”: “h4”, “label”: “H4” },
{ “value”: “h5”, “label”: “H5” },
{ “value”: “h6”, “label”: “H6” }
]
},
“headlineFontSize”: {
“label”: “Font Size”,
“type”: “font-size”,
“initial”: “3.15em”
}
}

Best Regards
Bengt

#2

Hello @CyberBengt,

Thanks for posting in! Your Headline component should have this setting:
image

Font size: {{dc:param:headlineFontSize}}
HTML tag: {{dc:param:headlineTag}}

You need to enable the Breakout Mode to be able to insert the dynamic content.

If this does not help, we would be happy to double-check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

#3

Thank you @ruenel for helping me think clear and logic.
Every day that contains a new knowledge is a good day. Today is such a day :blush:

Best Regards
Bengt

#4

Glad to hear that, Bengt.