Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Comments, trackbacks & pings (http://forum.bytesforall.com/forumdisplay.php?f=19)
-   -   [SOLVED] Comment form styling problem (http://forum.bytesforall.com/showthread.php?t=12872)

Innocent Feb 18, 2011 07:18 AM

[SOLVED] Comment form styling problem
 
Hi!

I managed comment form to appear in center of my page/posts, but I have a problem with lines, it is centering the strange way.

I would like to have input space and text bellow or above it, not in line because it doesn't look good.
And I don't know where and how to adjust it.

Help appreciated :)

P.S.
I am running Atahualpa and Wordpres' latest release.

juggledad Feb 18, 2011 07:39 AM

If you are talking about the comment form and the fact that the input area comes before the label (like 'Name (required)'), that is caused by the CSS Insert
HTML Code:

form#commentform {
  align:center;

If you want to have the label - 'Name (required)' - be above the input area, you will have to edit comment.php and make a change there.

Innocent Feb 19, 2011 03:39 PM

If anybody ever needs this, here's the code to change in comments.php:

replace this:

Code:

'author' => '<p><input class="text author" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' tabindex="1" />' .
                                '&nbsp;&nbsp;<label for="author"><strong>' . __( 'Name' ) . '</strong> ' . ( $req ? __('(required)','atahualpa') : '' ) . '</label></p>',
        'email'  => '<p><input class="text email" id="email" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . '  tabindex="2" />' .
                                '&nbsp;&nbsp;<label for="email"><strong>' . __( 'Email' ) . '</strong> ' . ( $req ? __('(will not be published) (required)','atahualpa') : '' ) . '</label></p>',
        'url'    => '<p><input class="text url" id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30"  tabindex="3" />' .
                                '&nbsp;&nbsp;<label for="url">' . __( 'Website' ) . '</label></p>'

with this:
Code:

'author' => '<p><input class="text author" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' tabindex="1" /></p>' .
                                '<p>&nbsp;&nbsp;<label for="author"><strong>' . __( 'Name' ) . '</strong> ' . ( $req ? __('(required)','atahualpa') : '' ) . '</label></p>',
        'email'  => '<p><input class="text email" id="email" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . '  tabindex="2" /></p>' .
                                '<p>&nbsp;&nbsp;<label for="email"><strong>' . __( 'Email' ) . '</strong> ' . ( $req ? __('(will not be published) (required)','atahualpa') : '' ) . '</label></p>',
        'url'    => '<p><input class="text url" id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30"  tabindex="3" /></p>' .
                                '<p>&nbsp;&nbsp;<label for="url">' . __( 'Website' ) . '</label></p>'

P:S:

Thanks, juggledad, for pointing the right direction :)


All times are GMT -6. The time now is 02:21 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.