# Using and Customizing Button Module in a Section?

**URL:** <https://community.hubspot.com/t/using-and-customizing-button-module-in-a-section/74190>\
**Category:** CMS Development\
**Tags:** free\
**Created:** [January 31, 2023, 8:20pm UTC](https://community.hubspot.com/t/using-and-customizing-button-module-in-a-section/74190 "2023-01-31T20:20:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![cprv](https://avatars.discourse-cdn.com/v4/letter/c/df788c/32.png) [@cprv](https://community.hubspot.com/u/cprv)\
**Post date:** [January 31, 2023, 8:20pm UTC](https://community.hubspot.com/t/using-and-customizing-button-module-in-a-section/74190/1 "2023-01-31T20:20:51Z")

</div>

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:

```lia-code-sample
{% 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!

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [February 1, 2023, 8:32am UTC](https://community.hubspot.com/t/using-and-customizing-button-module-in-a-section/74190/2 "2023-02-01T08:32:12Z")

</div>

Hi @cprv,

have you tried to set “override\_default\_style” from _false_ to _true_?

best,

Anton

---

<div class="post-metadata">

**Author:** ![cprv](https://avatars.discourse-cdn.com/v4/letter/c/df788c/32.png) [@cprv](https://community.hubspot.com/u/cprv)\
**Post date:** [February 2, 2023, 5:28pm UTC](https://community.hubspot.com/t/using-and-customizing-button-module-in-a-section/74190/3 "2023-02-02T17:28:16Z")

</div>

Ah, thank you! That worked.