# Changing default styles for Subscription Management pages

**URL:** <https://community.hubspot.com/t/changing-default-styles-for-subscription-management-pages/31561>\
**Category:** CMS Development\
**Tags:** starter\
**Created:** [February 10, 2021, 12:24pm UTC](https://community.hubspot.com/t/changing-default-styles-for-subscription-management-pages/31561 "2021-02-10T12:24:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![milosuma](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/milosuma/32/60217_2.png) [@milosuma](https://community.hubspot.com/u/milosuma)\
**Post date:** [February 10, 2021, 12:24pm UTC](https://community.hubspot.com/t/changing-default-styles-for-subscription-management-pages/31561/1 "2021-02-10T12:24:19Z")

</div>

Hello,

I am trying to change the default button style for the Update Communications Preferences button on the Communications Preferences page.

I can see there are fields to override the default CSS on the page, but I don’t know the button class.

I’m not too CSS/HTML savvy, so if anyone has done this before, I would appreciate a short walkthrough or screenshot with applied CSS

 ![37792iCADC53027F5F7C08.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/4/143d1509fca6c1f5fd8f7628f6ecc908bbd30609.png)

 ![37793iA9BDD90CF9E1B79B.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/8/08ea0c7403a51c5bce6ec1874901a194773866b8.png)

 ![37794i499ACD92F62D9267.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/6/46bdee8f6e92b5b647da4e4b852a33284a3768e2.png)

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [February 10, 2021, 11:30pm UTC](https://community.hubspot.com/t/changing-default-styles-for-subscription-management-pages/31561/2 "2021-02-10T23:30:02Z")

</div>

@milosuma

Inline styling doesn’t let you directly effect the contents of the module. You’ll need to add styles to a style block in the \<head\> or in a stylesheet.

If you open a preview of your template and rich click \> **Inspect Element** on the button

 ![37835iA8EE1B4923966D33.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/b/5b12d38d934a63f563c9c21b1eb5c7bbd9018e3a.jpeg)

it’ll open the Web Console window where you can view IDs and classes of the elements, etc. Here we can see the button has an id of **submitbutton**.

 ![37836iDB1B922E49C01569.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/8/088a219805c0000593a0938198f2898ede621ffa.jpeg)

So now we can go to the **Head and body options** of our template and add a style block in the **Additional head markup** to style the button like so:

 ![37837i0D4084C42DC557C5.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/7/37b889c138cd13eb22c91803d5fa5d524e541378.jpeg)

 ![37838iE06CBFFF972FA485.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/0/2027158ad60b01c7a28a9c3d8a5cbe9a93031aaf.jpeg)

Hope this helps.