Solved

Wordpress comments template

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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

717 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