?
Solved

Wordpress comments template

Posted on 2012-03-20
5
Medium Priority
?
770 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
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 purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
Suggested Courses

777 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