Styling modules in templets (HubL)

Developer Support CMS Development
1

I read that all the default hubspot modules have style fields.
Now I have a image module on my Hubl template that looks like this.

{% dnd_module path="@hubspot/linked_image",
 img={
 "alt": "Stock placeholder image with grayscale geometrical mountain landscape",
 "loading": "lazy",
 "max_height": 451,
 "max_width": 605,
 "size_type": "auto_custom_max",
 "src": get_asset_url("../images/grayscale-mountain.png")
 },
 styles={
 "alignment" : {
 "alignment" : {
 "horizontal_align" : "CENTER"
 }
 }
 }
%}

It seems that the alignment option is not working. What is the correct syntax for the styles fields?

2

Hi @marth ,
Use styling like this
{% dnd_module path=‘@hubspot/linked_image’,label=“Banner Image”, horizontal_alignment=“CENTER”
for more detail refer this article:-

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

3

Hi @webdew,
That worked. Thanks