Solved

Wordpress comments template

Posted on 2012-03-20
5
750 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

863 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now