8 replies to this topic

[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.

Please Login or Register to see this Hidden Content

  but just can't find how i would change the design here.

Please Login or Register to see this Hidden Content

 

Thanks,

 

Erwin

 

[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:

Please Login or Register to see this Hidden Content

 

In your case, you're going to be adjusting the margins of the area, so you'll need to use this property:

Please Login or Register to see this Hidden Content

You'll also need to adjust widths, so you'll need this, as well:

Please Login or Register to see this Hidden Content

[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

[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 -

Please Login or Register to see this Hidden Content

[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.

[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.

[ebdb_146]

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

[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.

 

Please Login or Register to see this Hidden Content

[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