# Brevo form, Padding, Font, Font-Size

**URL:** <https://community.brevo.com/t/brevo-form-padding-font-font-size/3457>\
**Category:** Forms\
**Tags:** forms\
**Created:** [Mars 7, 2025, 5:34 UTC](https://community.brevo.com/t/brevo-form-padding-font-font-size/3457 "2025-03-07T17:34:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![fri](https://avatars.discourse-cdn.com/v4/letter/f/f14d63/32.png) [@fri](https://community.brevo.com/u/fri)\
**Post date:** [Mars 7, 2025, 5:34 UTC](https://community.brevo.com/t/brevo-form-padding-font-font-size/3457/1 "2025-03-07T17:34:13Z")

</div>

Hi everyone,

I’m experiencing an issue when trying to adjust some styles of my Brevo form (i take the iFrame), which I have embedded in Elementor. In my HTML code, the padding for several DIV elements is set directly via inline style to 8px, for example:

I would like to change this value to 2px exclusively for the Brevo form (the form with the ID `sib-form`), without affecting the rest of the website. So far, I have tried the following CSS:

#sib-form \> div {  
padding-top: 2px !important;  
padding-bottom: 2px !important;  
}

Unfortunately, this approach hasn’t produced the desired results.

In addition, I want to change the font family used in the form, as I’m not satisfied with the current one. In particular, I don’t like the text in the checkbox at the bottom at all – especially the font height is problematic.

Does anyone have a solution on how I can specifically modify the padding, font family, and the font height in the checkbox? I appreciate any tips!

Best regards,

 ![Bildschirmfoto 2025-03-07 um 18.20.58](https://europe1.discourse-cdn.com/flex013/uploads/brevo/original/2X/0/0c43a8e4324bd712a78489ead0fb76be9c369f13.png)

---

<div class="post-metadata">

**Author:** ![Phil56](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/phil56/32/1013_2.png) [@Phil56](https://community.brevo.com/u/Phil56)\
**Post date:** [Mars 7, 2025, 8:25 UTC](https://community.brevo.com/t/brevo-form-padding-font-font-size/3457/2 "2025-03-07T20:25:48Z")

</div>

Good evening and Welcome ! 🙂

It seems to me that with the iframe, the possible modifications are those made during the publication of the form on the brevo website

For more freedom, I would choose to import the html code and, why not, also the css file to host it on its own website.

The padding is more for the `<input class=" " >`

and the margin for the `<div class=" " >`

example: line 236 of the css ([https://sibforms.com/forms/end-form/build/sib-styles.css](https://sibforms.com/forms/end-form/build/sib-styles.css))

```auto
.sib-form .input:first-child,.sib-form .input__affix:first-child {
padding-left: 2px;
}

```

I hope this was useful to you.

---

<div class="post-metadata">

**Author:** ![fri](https://avatars.discourse-cdn.com/v4/letter/f/f14d63/32.png) [@fri](https://community.brevo.com/u/fri)\
**Post date:** [Mars 12, 2025, 10:17 UTC](https://community.brevo.com/t/brevo-form-padding-font-font-size/3457/3 "2025-03-12T10:17:38Z")

</div>

Hello,

Thanks for your info. That’s not what I meant, though.

The containers and line spacing are too far apart for me.

The line spacing in the text below («&nbsp;Klick…&nbsp;») is also too large for me, and the font is bold – which I don’t want.

The entire font is displayed in Roboto, even though I selected Helvetica when creating the form. This setting isn’t reflected in the HTML file.