Field Title alignment issue

Hi.
Once again, I have a bit of an odd issue.
When I change font size of any field title, the values go out of alignment.
Default font size is almost perfect, but when I go up, it ends up visibly out of line. I have played with CSS and still no luck. I have essentially removed all CSS from the CSS tab and just used the right pane to set the font size specifically for the two fields in the attached images.
It's a very basic form.

Many thanks in advance.


Screenshot 2024-09-24 212538

Hi. I'm wondering if this is a known issue or if I'm missing something here.
I just updated my designer and just created a fresh list, created a new form and the issue is still the same, visible even in the designer. This time I have everything stock, no CSS, no grids or anything. Simple form with fields just dragged into it and using the panel to change the title size.
The look is as in the pictures attached. I don't went to start playing with some CSS magic to fix something that seems like a bug. I hope you guys will find a moment to look into this.
Many thanks in advance
I uploaded:

  • the basic form view
  • designer with title size adjusted (visibly misaligned)
  • form view (visibly misaligned)
    Basic
    Designer
    form

Hi @HypnoToad,

The titles are aligned to the top by default so they don't poke out of the field's bounding box. I suggest changing their top margin to a negative value like so:

.d-flex.fd-field-title.col-form-label.col-sm-auto {
    margin-top: -10px;
}
1 Like

Hi Ilia.
That worked perfectly. Thank you very much! I did my best, but couldn't find the right combination of CSS code to make it work. Much appreciate your help.