Support » Themes and Templates » comment label and background image

  • Could someone look here http://www.rohitkumar.org/blog/ and tell me why I dont see a background image? This is the code I use:

    #body {
    background: url(“http://rohitkumar.org/images/bg1.gif”) repeat;
    font-family: ‘Trebuchet MS’, ‘Lucida Sans Unicode’, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    text-align: center; /* IE 5.5 hack */
    }


    The label of the forms on the comment page are very small. I tried to change this by adding style=”font-size: 10pt;” in comments.php and removing the small tag that wrapped the label. That still doesn’t help 🙁

Viewing 15 replies - 1 through 15 (of 17 total)
  • Mark (podz)

    (@podz)

    Support Maven

    I see this:
    #body {
    background: #121212;
    font-family: ‘Trebuchet MS’, ‘Lucida Sans Unicode’, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    text-align: center; /* IE 5.5 hack */
    }

    No image………..

    oh yeah…im sorry..i was testing if it was a problem with the image or the coding…

    *bump*

    The declaration should be:

    body {

    and not:

    #body {

    Thank you, Kafkaesqui. Got any ideas about the second problem?

    Edit #1: I just noticed that there a gap between the content and the footer appears once the background appears. Help!

    Look in your comments.php template. You’ll find the labels are using the <small> tag.

    I changed that already. It now looks like this:

    <input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” size=”22″ tabindex=”1″ />
    <label for=”author” style=”font-size: 10pt;”>Name <?php if ($req) _e(‘(required)’); ?></label>

    <input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”22″ tabindex=”2″ />
    <label for=”email”>Mail (will not be published) <?php if ($req) _e(‘(required)’); ?></label>

    <input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”22″ tabindex=”3″ />
    <label for=”url” style=”font-size: 10pt;”>Website/Blog</label>

    still no help

    *bump*

    *bump*

    please?

    pretty please?

    Bumping your thread every few hours is really going to get someone to help you.

    http://wordpress.org/support/topic/28311

    I wonder why NM and TG got pissed and left…

    I removed the small tage around the label ids. It doesn’t work.

    I also notice that when I try to change ‘Leave a Reply’ to Leave a comment (by changing the text within the h3 tags in comments.php) nothing seems to happen.

    Please help.

    1. Do not use “pt” in your fonts. Different browsers view these very differently and you will not have much control over that. And avoid using inline styles when possible. Put them in your style sheet.

    2. In your style sheet (after removing the inline style references), add something like this:

    #comments-post #author {font-size:90%; color: red}
    #comments-post #email {font-size:90%; color: blue}
    #comments-post #url {font-size:90%; color: green}

    The different colors will “tell” you if the font has been changed and the style references are right. You might have to play with this a little to get the right order of style references right.

    Once you get the font size set right, and all the other details, get rid of the color references.

    3. I also recommend you spend some time in the WordPress Codex, documentation site, at http://codex.wordpress.org, especially with articles like:

    Finding Your CSS Styles
    WordPress Blog Design and Layout
    Template Files
    Stepping Into Template Tags

    4. A reminder, this forum is run by volunteers, and they are simple but eager folks who want to help. Not everyone knows everything. We like to solve one problem per post, not every problem. We also like to be treated nicely, thanked on occassion, and forgiven for slipping up once in a while.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘comment label and background image’ is closed to new replies.