CMS Development

cprv
Participant | Diamond Partner
Participant | Diamond Partner

Using and Customizing Button Module in a Section?

SOLVE

I am trying to add a default button module to a reusable section template, as well as edit the style parameter to change the button's background color, text color, etc. None of the changes I am making in the style parameter seem to be showing up. Here is my code for the button:

 

{% dnd_row %}
  {% dnd_module "button" path="@hubspot/button" button_text="My button" 
      link={ "url": { "type": "EXTERNAL", "href": "www.google.com", "content_id": null }, "open_in_new_tab": false, "no_follow": false }
         style={ "override_default_style": false, 
            "button_font": { "color": "#FFFFFF", "size_unit": "px" },
            "button_color": { "color": "#FFC0CB", "opacity": 100 },
            "text_hover_color": { "color": "#000000", "opacity": 100 },
            "button_hover_color": { "color": "#CCCCCC", "opacity": 100 } }
  %}
 {% end_dnd_module %}
{% end_dnd_row %}

 

As you can see, most of the style code is the defaults for the button module, but the button color is set to #FFC0CB, which seems to be doing nothing.

 

Any thoughts? 🙂

Thank you!

0 Upvotes
1 Accepted solution
Anton
Solution
Thought Leader | Partner
Thought Leader | Partner

Using and Customizing Button Module in a Section?

SOLVE

Hi @cprv

have you tried to set "override_default_style" from false to true?

 

best, 

Anton

Anton Bujanowski Signature

View solution in original post

0 Upvotes
2 Replies 2
Anton
Solution
Thought Leader | Partner
Thought Leader | Partner

Using and Customizing Button Module in a Section?

SOLVE

Hi @cprv

have you tried to set "override_default_style" from false to true?

 

best, 

Anton

Anton Bujanowski Signature
0 Upvotes
cprv
Participant | Diamond Partner
Participant | Diamond Partner

Using and Customizing Button Module in a Section?

SOLVE

Ah, thank you! That worked.

 

0 Upvotes