# Button padding/ alignment

**URL:** <https://community.hubspot.com/t/button-padding-alignment/84819>\
**Category:** CMS Development\
**Tags:** css, professional\
**Created:** [July 6, 2023, 1:46pm UTC](https://community.hubspot.com/t/button-padding-alignment/84819 "2023-07-06T13:46:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![KhanyaP](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/khanyap/32/89946_2.png) [@KhanyaP](https://community.hubspot.com/u/KhanyaP)\
**Post date:** [July 6, 2023, 1:46pm UTC](https://community.hubspot.com/t/button-padding-alignment/84819/1 "2023-07-06T13:46:12Z")

</div>

Hello,

One of my CTAs have a slight misalignment/ padding issue (see image below) and I cannot work out how to fix it, all my other buttons are fine.  
I have tried the following:

- changed padding and alignment of this specific CTA in the CTA builder (marketing\> lead capture\> CTAs) Edit \> Advanced options.
- In the design tools, current theme folder ive check the following for padding and alignment and everything looks fine:
  - elements \> buttons\_css
  - modules\> customisable-button

 ![button 2-01.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/5/3507c5e4061b37e9493ac9e11eda7871730b49e6.png)

Anyone got any idea what the issue might be? I am new to Hubspot and struggling to find all the settings and code for different things.

---

<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:** [July 6, 2023, 3:52pm UTC](https://community.hubspot.com/t/button-padding-alignment/84819/2 "2023-07-06T15:52:22Z")

</div>

Hi @KhanyaP,

Before handling with code I’d recommend to check the theme settings.

Here is how to access them: [Edit theme settings](https://knowledge.hubspot.com/website-and-landing-pages/edit-your-theme-settings)

Since it seems like a blog button there might be specific button settings included in your theme. Or somebody “hardcoded” something somewhere in a file…

By default the “best pracitise”/“boilerplate” approach is:

- write all static code into several smaller CSS files
- combine those CSS files in the main.css file which should be located in your CSS folder
- add all types of options the user should have the ability to modify in the fields.json of the theme
- put all those options in the theme-override.css file which should also be located in the CSS folder

But I’ve seen (and also working currently) with other approaches - so a preview link to the page/blog would be fantastic

best,

Anton

_Moderator note: While this solution may not address the original poster’s specific situation, it could be helpful for other community members facing similar challenges._

---

<div class="post-metadata">

**Author:** ![KhanyaP](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/khanyap/32/89946_2.png) [@KhanyaP](https://community.hubspot.com/u/KhanyaP)\
**Post date:** [July 7, 2023, 6:01am UTC](https://community.hubspot.com/t/button-padding-alignment/84819/3 "2023-07-07T06:01:41Z")

</div>

Hi Anton

Thank you so much for your response.

The theme setting all look fine to me, what is strange it that the top/ bottom padding are different but in all the general editors there is only one field to edit vertical padding, that is why I thought it must be in the code somewhere.

This is the link to the blog where the CTA is wonky [Upcoming changes to MFA to further protect your business](https://blog.numata.co/upcoming-changes-to-mfa-to-further-protect-your-business)

Thanks again,