Solved

Wordpress comments template

Posted on 2012-03-20
5
755 Views
Last Modified: 2012-04-09
Hi,

I am trying to reorder the input fields and labels on the comments-template.php in the wordpress include folder. Basically i am trying to get the labels to appear to the right hand side of the input fields not the left on the following page:

http://www.bluebean.org.uk/sites/tracynewman/accountancy-advise.html

For some reason, when i view this page in chrome on my server, there are no input text fields, only a text area field. But when i view this using adobe labs, i get three text fields appear above the comment text area. Do these text fields need to be there?

I have attached my comment-template.php file so you can see what i currently have.

Many thanks,

Andrew
comment-template.php
0
Comment
Question by:Andy6350
  • 3
  • 2
5 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 37743418
Two different issues:

1) Moving the labels.  You don't need to mess with the template, this is a CSS issue only.

In styles.css you need to float the labels right (look around line 1363):

#respond label {
    color: #FFFFFF;
    float: right; <------------------ ADD THIS LINE
    font-size: 12px;
}

2) Fields.  If you are logged in, Wordpress hides the name, email, web site fields automatically since that information is part of the user profile.  If you are logged out you will see all of the fields.
0
 

Author Comment

by:Andy6350
ID: 37743521
1) the problem with floating them is they dont appear to the right of the input fields, sorry if i havent explained well enough, the desired effect i am looking for is what you can see on the bottom of the follow page:

http://www.w2m.co.uk/blog/new-website-for-treble-ace-with-ticket-ordering-facility-content-control.html

hope this helps.

2) makes sense, yes
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 37743558
"the problem with floating them is they dont appear to the right of the input fields,"

They will if you do it correctly?  I tested this using Firebug and it works fine.  You may also have to float the input tags left to get it to work in all browsers.

Floaters
0
 

Accepted Solution

by:
Andy6350 earned 0 total points
ID: 37805503
sorted it by modifying the php file
0
 

Author Closing Comment

by:Andy6350
ID: 37822693
sorted it by modifying the php file
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Change div area and length 1 26
maybe no no httpd.conf 6 46
Changing Two Areas of a Page 5 15
two ways encryption with php 3 25
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question