Search result & Checkout spacing issues

[palex71]

My search results page and checkout page have some spacing issues that need to be worked out (putting <p> tags after each item).  Can you tell me in which .php files these would go?  Thanks!

[bsmither]

The search results is a type of category. (So are Sale Items.) So, look in the templates folder, content.category.php.

 

The checkout page is content.checkout.php, which, if necessary, inserts the code from content.checkout.confirm.php.

[palex71]

Thanks... this is still stumping me.  In the attached image, I am essentially trying to move down the horizontal line below the image of the book (due to the title wrapping to two lines).  The relevant code is below, but I have tried adding breaks at various points with no luck.  Any thoughts?

Thanks!

_________________

 

 

 

 

{if isset($PRODUCTS)}

  {foreach from=$PRODUCTS item=product}

<form action="{$VAL_SELF}" method="post" enctype="application/x-www-form-urlencoded" class="addForm">

  <div class="category_product">

        <h3><a href="{$product.url}" title="{$product.name}">{$product.name}</a></h3>

        <a href="{$product.url}" title="{$product.name}" class="image">

          <img src="http://www0.alibris-static.com/isbn/{$product.product_code}.gif" width="138" height="138" alt="{$product.name}" />

        </a>

        <div class="details">

        {if $product.ctrl_sale}

          <p class="price"><span class="price_previous">{$product.price}</span> <span class="price_sale">{$product.sale_price}</span></p>

        {else}

          <p class="price">{$product.price}</p>

        {/if}

 

        {if $product.review_score}

          <p class="rating">

          {for $i = 1; $i <= 5; $i++}

                {if $product.review_score >= $i}

                <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" alt="" />

                {elseif $product.review_score > ($i - 1) && $product.review_score < $i}

                <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_half.png" alt="" />

                {else}

                <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" alt="" />

                {/if}

 

      {/for}

          </p>

          <p class="rating-info">{$LANG_REVIEW_INFO}</p>

        {/if}

 

        {if $product.ctrl_purchase && !$CATALOGUE_MODE}

          <p class="buy_button"><input type="text" name="add[{$product.product_id}][quantity]" value="1" class="quantity" /> <input type="submit" value="{$LANG.catalogue.add_to_basket}" class="button_white" /></p>

        {elseif $product.out}

          <p class="buy_button">{$LANG.catalogue.out_of_stock_short}</p>

        {/if}

        </div>

        <p class="description">{$product.description_short}</p>

  </div>

  </form>

 

[bsmither]

In the common.css file, near line 434, find:

div.category_product

 

Add this property:

display: inline-block;

 

Comment this property:

/* height: 150px; */

 

Force your browser to reload the page's resources, especially the CSS file.