Jump to content
Sign in to follow this  
ebdb_146

Comment Form Design

Recommended Posts

ebdb_146    0
ebdb_146

Hi, My Site is almost finished but i am stumped as to how i can customize the Comment Form. I do not want to change the functions of the form, just move this and that around. I have a Contact Form on a Contact Page, which is the design i am going for. http://www.steppingstone.ca/website/?page_id=152  but just can't find how i would change the design here. http://www.steppingstone.ca/website/?p=1

 

Thanks,

 

Erwin

 

Share this post


Link to post
Share on other sites
catrina    103
catrina

You’ll need to use Custom CSS (in PageLines > Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to
use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and
follow the instructions:
http://support.pagelines.me/docs/customization/custom-css

 

In your case, you're going to be adjusting the margins of the area, so you'll need to use this property: http://www.w3schools.com/css/css_margin.asp. You'll also need to adjust widths, so you'll need this, as well: http://www.w3schools.com/cssref/pr_dim_width.asp


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ebdb_146    0
ebdb_146

Yes i have used custom CSS on the entire site, using Chrome f12 dev tools. I thought this would require php or functions.

This is great if  I can just use CSS, I will check out the links. Thanks

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, 

 

The form on the first link you've sent isn't actually a form, its the wordpress comments box, so people can leave comments about your site and it will be visible on the site for visitors to read.

 

If you're looking for a contact form like the one on the second link, where it emails you the contact information and message you'll need to try a plugin. Something like contact form 7 -http://wordpress.org/extend/plugins/contact-form-7/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
ebdb_146    0
ebdb_146

Hi , The Form on the first link is actually Contact Form 7, and the only way i was able to get this design was by adding HTML <div's> with float: left or right, inside of Contact Form 7 where it shows the shortcode.

So, in regards to Catrina's post, is it not going to take more than simple CSS to acheive this. Also, just to remind,  I am not trying to change the functions of the comments, basically just move the comments textinput box along side the name, email and website fields. Oh and move the text Labels (eg..Name, E-mail and website) to match the design on my Contact Us Page.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Regarding James post above, he was referring to the second link which is a comment form for that post/page. There is no contact form on there, so we are not sure what you're referring to.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
ebdb_146    0
ebdb_146

Thanks Danny.. Looks like we replied simultaneously, almost. And yes, it is the Comments that i am trying to change.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Unfortunately, to change the comments form in that way would most likely require edits to the comments form code itself. You could try using CSS and change the widths of the input fields, but in my opinion it is a lot of work.

Therefore, I would recommend you contact one of our Pros, who will be happy to assist you, with this kind of customisation.

 

http://www.pagelines.com/pros/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
ebdb_146    0
ebdb_146

Thats what I thought. I am fine with it, the way it is, just wanted to see if I was missing something.

 

Thanks,

 

Erwin

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×