Need help with comment box and search function

  • Hi everyone,

    I’m a new blogger and I’m having some problems while switching to a new theme downloaded from this link(https://www.wpthemesfree.com/view.php?theme_id=1773). I like the theme very very much, so PLEASE let me know how to fix the following bugs. The original CSS code is provided at the end of this message, and I would appreciate the step-by-step solutions because I’m pretty novice in CSS coding.

    The problems:

    1. As shown in one of the articles in my blog (https://www.imsheep.com/2007/09/25/hello-world/), the comment box at the bottom right is far oversized than the right column. What changes should I make to be able to limit its width?

    2. How can I add a search box (or the search function) in the left column so that people can search my old postings by the title?

    What follows are the original CSS code of this theme:
    ——————————————————
    /*
    Theme Name: Blog Style
    Theme URI: https://www.aatravel.ro
    Description: 3 Column theme based on a template from Modetwentythree.com and adapted by AATravel.ro.
    Author: AA Travel
    Author URI: https://www.aatravel.ro
    */
    /* main styles —————————-*/

    *{ margin:0; padding:0; }*
    body { padding:0; margin:0; font:0.69em Arial,Verdana, sans-serif; line-height:1.64em; background: url(images/bodybg.gif) repeat; color:#555; }
    a {color: #222; background:inherit; text-decoration:none;}
    a:hover {color:#ff3399; background:none; text-decoration:none; border-bottom:1px dashed;}
    p { padding:5px 0 5px 0;}
    ul {margin:0; padding:0;list-style:none;}
    img {border:0;}
    .clear{clear:both; margin-top:1px;}
    #wrapper { margin:0px auto; width:900px; padding:0 20px 0 20px; background:#fffbf4;}

    /* top —————————-*/

    #topnav {height:42px; background:#333; width:100%;}
    #menu {float:right; height:23px; margin:8px 8px 0 0;}
    #menu a {display:block; color:#999; background:inherit; text-decoration:none; margin-right:4px;
    line-height:23px;font-weight:bold;}
    #menu a:hover {color:#ff3399; background:inherit;}
    #menu ul {list-style:none; padding:0; margin:0;}
    #menu li {float:left; margin: 0 0 0 5px; }

    /* header —————————-*/

    #header {background: url(images/header.jpg) no-repeat; height:180px; padding:0; margin:0 0 10px 0; clear:both;}
    #title {float:left; width:540px; padding:50px 0 10px 0; margin:0 0 0 180px;}
    #header h1 { font-size:3.9em; margin:0 0 4px 20px; }
    #header h2 {font:0.9em Arial, Sans-Serif; letter-spacing:0; color:#868686; margin:15px 0 0 20px; padding:0;}
    .t1{font-family:’Impact’;color:#ff3399;}
    .t2{font-family:’Impact’;color:#333;}

    /* The left column —————————-*/

    #left {width:190px; float:left; margin-right:20px; padding:0 5px 5px 5px; background:inherit;}
    #left ul {padding:3px 0 12px 5px;}
    #left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px;
    color:#ff3399;}
    #left li a {background:inherit; text-decoration:none; }
    #left li a:hover {text-decoration:none;}

    /* The linkbar column —————————-*/

    #linkbar {float:left; width:190px; padding:0 5px 5px 5px; margin-right:20px; background:inherit;}
    #linkbar ul {padding:3px 0 12px 5px;}
    #linkbar li {line-height:18px; background:inherit; list-style:disc; margin-left:8px; color:#ff3399;}
    #linkbar a {background:inherit; text-decoration:none;}
    #linkbar a:hover {text-decoration:none;}

    /* The Right Side —————————-*/

    #right {float:right; padding:0; background:inherit; margin-bottom:10px; width:460px;}
    .content {padding: 10px 0 0 0;}
    #right img {float:left;padding:0 10px 5px 0;}
    .comment_box {clear:both;padding:7px 35px 0 0; margin:10px 0 10px 0;text-align:right;
    background:url(images/comment_box_bg.gif) no-repeat top right;height:32px;}
    .comment_box a {font:bold 1.2em Arial, Sans-Serif; color:#ff3399; background:transparent;}

    /* The CSS for the Article headlines —————————-*/

    .headline_one{font-size:3.50em;line-height:.8em; color:#333; font-family:’Impact’;}
    .headline_two{font-size:3.50em;line-height:.8em; color:#333;
    font-family:’Impact’; border-bottom:4px solid #ff3399;}
    .headline_three{font-size:1.3em;font-weight:bold;color:#333;text-transform:uppercase;
    border-bottom:#ff3399 2px solid;}
    .number{font-family:’Impact’;float:left;line-height:1em; color:#ff3399; font-size:4.0em; margin-right:8px;}
    .headline_url{text-decoration:none;color:#999; font-weight:bold; font-size:1.48em; line-height:1.5em;
    text-transform:uppercase; padding-bottom:3px;}
    .small_caps{color:#333; font-size:.7em; text-transform:uppercase; padding-top:1px;}

    /* The CSS for the blockquote, this is XHTML valid ————————————–*/

    q {float:left; width:14em; display:block; margin:0.75em 0.75em 0 0; padding:0.3em;
    border:1px double #CCC; border-width:2px 0; color:#333; background:none;
    text-align:left; font:italic 1.6em/1.7em Georgia;}

    /* footer —————————-*/

    #footer {clear:both; width:900px; margin:0; padding:10px 0 5px 0; border-top:1px solid #333;
    background:inherit;}

    .nextprev { margin: 10px; text-align: center; }
    img { margin: 5px; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter imsheep

    (@imsheep)

    …Continue with the first posting

    <?php comments_template(); ?>

    The above is the only code I found related to the comment template (from index.php). However, the file “comment.php” is missing in this theme. Should I self create a comment.php file in order to localize the setting? If yes, what codes should I put in the file?

    Please tell me what to do. Thanks a lot!

    [above posts unspammed from Akismet]

    Thread Starter imsheep

    (@imsheep)

    Well…I think I found the code for search form and added it to the sidebar, but what change should I make to remove the pink dot in front of it? (please refer to my blog)

    <div id="linkbar"><?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar(1) ) : ?>
    .
    . (omit)
    .
<span class="headline_three">Search</span>
<li id="search"><form id="searchform" method="get" action="/index.php">
<div><input type="text" name="s" id="s" size="8" /><input type="submit" value="Go" /></div></form>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need help with comment box and search function’ is closed to new replies.