how to move the label ''comment'' in contact form
-
hello how can I move the label ”commnet” in the contact form so as to be aligned on the left side with the box
The blog I need help with is: (visible only to logged in users)
-
Go to the editing page and you will probably see the Discussion box below the text box. “Allow comments” option is what you need to change.
If you can’ t see Discussion box, just click Screen Options on the top of the page and make check Discussion.
-
@9thartwave
In the text editor, put your contact form shortcode into a div container:<div style="float:right;width:50%;"> [contact-form]</div>or try this:
<div style="float:right;width:301px;"> [contact-form]</div>(no CSS necessary!)
-
@unlusoycan
Please note that the original poster was not asking about comments on posts or pages. The contact form is a shortcode. -
sorry but i cannot do it…here is the text
[contact-field label='Comment' type='textarea' required='1'/][/contact-form]</p>
where shall i add it. I just need to move the word ”comment” right to be aligned with the box, or increase the size of the box to be aligned with the text
-
I understand what you want to do: cute picture on left, contact form all lined up on the right. You don’t want the “leave the comment part sticking out to the left of the rest of the contact form.
You must go into the text editor. You’ll see code about the left aligned image first. Then you’ll see lines of code about your contact form.
The contact form you designed may have all of that information you described and more, so I’m sorry if that way not clear to you because I was not including all of it.
All of that contact form code / information needs to be placed between the div tags. The div tags tell the software you want that stuff in a container on the right side of your page.
So below the line of image code, you need to insert this (again, this is in the text editor) before all of the code related to the contact form.
<div style="float:right;width:50%;">
And after all of the code related to the contact form, paste this code:
</div>The codes
<div <em>"plus styling (what kind of box)</em>"
tells the software to start to make a container or box or space for your contact shortcode.
It won’t work unless the software knows when the container / box / space / area stops. The bottom of the box.
so you you need this at the end:
</div> -
- The topic ‘how to move the label ''comment'' in contact form’ is closed to new replies.
WordPress.com Forums 