Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 16, 2018 at 3:40 pm #942613
    raulangeli

    Hi

    I have a form and I want the labels to be inline with the input, but I can´t make it.

    I already used the thread that you posted before about this issue, and it´s not working either.

    Can you help me with these please?

    Thanks in advance

    April 17, 2018 at 11:24 pm #943296
    Basilis

    Hey raulangeli,

    Can you remove any modifications you have done to the form pleaase, then style what we shared previously and then add our mods

    Best regards,
    Basilis

    April 19, 2018 at 2:47 pm #944114
    raulangeli

    I just put an <h2> before the labels of the form, because I need them to be with that particularly tag

    If I remove it from the labels on the form could you please tell me where can I modify the form files to use <h2> for the labels instead of <p>?

    Thanks

    April 22, 2018 at 8:15 pm #945127
    Basilis

    Hi,

    The h2 is taking also the default theme sizes so it cant be aligned properly as float.

    Best regards,
    Basilis

    April 23, 2018 at 12:26 pm #945366
    raulangeli

    Hi

    I´m sorry but I know that the h2 is what´s given me the problem. I´m asking for your help to find a way to achieve the aligment that I need using the h2

    Could you please help me with this?

    Thanks a lot

    April 24, 2018 at 8:33 pm #946165
    Basilis

    Hi,

    If you remove it, we allign it properly, then we can help you give a proper size on the form elements.
    They should also not be h2, that is not SEO friendlu.

    Best regards,
    Basilis

    April 25, 2018 at 1:07 pm #946551
    raulangeli

    Hi

    I already removed the h2.

    I need to change the font-family for the labels and align it inline with the inputs

    Thanks in advance

    April 27, 2018 at 7:14 am #947673
    Ismael

    Hi,

    Thank you for the update. Set the width of the label and the make if float to the left.

    #top label {
    width: 30%;
    float: left;
}

    You may want to enable the Layout Builder > Show element options for developers option to be able to add a custom css class attribute to the contact form element.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.