Changing default styles for Subscription Management pages

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

@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

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.

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:

Hope this helps.