• dtgeulah

    (@dtgeulah)


    I would like to show the labels side by side with the text field. However, when I do this the text field appears right next to the label. Thus, the text fields are not corretly aligned. I make spaces but WP does not consider them. I tried <p> but it does not help.
    I appreciate if somebody could assist me.

Viewing 9 replies - 1 through 9 (of 9 total)
  • esmi

    (@esmi)

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.

    Thread Starter dtgeulah

    (@dtgeulah)

    esmi

    (@esmi)

    For a start, you need to place your input labels within the correct <label></label> tags rather than just <p></p> tags. The inputs should each have unique ids which should then be used in the for attributes of their respective label tags. Adding unique classes to each of the label tags might also help when it comes down to styling the form using CSS.

    https://www.webstandards.org/learn/tutorials/accessible-forms/intermediate/

    Thread Starter dtgeulah

    (@dtgeulah)

    I beg your pardon. But I do not understand what you say. You did not explain how I can create spaces behind the label. This is what I am trying to figure out.

    I created again the tag by clicking on Gerenate Tag. I gave the name “Name” to this tag. And then I copied and pasted the code to the form. The ID and Class are optional. But I also gave an ID “Name”. I am not using <p> to keep this simple.

    The code is [text Name id:Name] which I pasted to the form. I just added Name before this code so the form will show the label “Name”.

    In other words, the code is for this Name tag is

    name [text Name id:Name]

    Now what? I looked at the form and the text field appears again right behind Name. I would like to create spaces after “Name” so that I can align this with other tags.

    I appreciate if you can please give me the code for this.
    Thanks very much.

    esmi

    (@esmi)

    You create the right spacing by using the correct markup for your form and then using CSS to style it.

    Thread Starter dtgeulah

    (@dtgeulah)

    Again: I want to create a form which lists the labels side by side. Not vertically over the text field. There must be a way how to place spaces behind the label. Is there anybody in the world that knows how to do it.

    Thread Starter dtgeulah

    (@dtgeulah)

    I appreciate your help. But again I do not understand what you say. I am a beginner. I do not understand what you mean with correct markup. And I do not understnad what you mean with using CSS to style it.

    Can you please be more specific what exactly I have to do in order to make spaces.

    I am using Contact Form 7. I am coyping and pasting the code the form gives me. So what is missing?

    esmi

    (@esmi)

    What is missing is the the correct CSS. The code used by your theme’s stylesheet to display your pages in the way that you want them displayed. Contact Form 7 only adds the code for the form,. You have to add the CSS to your theme’s stylesheet to ensure that the form is displayed according
    to your needs.

    CSS Tutorials
    Learning CSS

    Thread Starter dtgeulah

    (@dtgeulah)

    Ok. How do I fugure out the correct CSS? I know where to locate this file. You are probably talking about the file styles.css. Can you please tell me what exactly I have to add in that file and where do I put it?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Can someone please help how to align the text fields’ is closed to new replies.