New margin issues

[dratte]

Whit the help of bsmither I was able to solved our overlapping description issues but now something else just pop up.

In product description the text is showing only on right side of boxes not all over like under image like this exemple:

 

http://www.dogstory.net/shopping/index.php?_a=product&product_id=171

 

THis is what I have:

 

}

div.category_product {
    margin: 10px 5px 5px;
    padding-bottom: 20px;
}
div.category_product h3 {
    margin: 5px 0px;
    text-indent: 2px;
}
div.category_product a.image {
    float: left;
    display: inline-block;
    margin-right: 3px;
    width: 138px;
}
div.category_product div.details {
    float: right;
    height: 110px;
    margin: 0px;
    padding: 2px;
    width: 170px;
}
div.category_product div.details p.price {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-indent: 7px;
}

 

 

I'm sure this has to do with margin in common.css but don't know how to change it...

 

Answer anyone?

[bsmither]

In the skin file content.product.php, find:

<form action="{$VAL_SELF}" method="post" class="addForm">
  <div>
    <div id="gallery">

Remove the middle div.

 

Find:

      </div>
      </div>
    <div id="product_detail">

Remove the middle div.

 

In the file common.css, line 571, comment the properties.

#product_detail {
/*  margin-left: 334px;
    min-height: 340px;
    width: 295px; */
}

Then edit your product's description to remove the centering on the paragraphs. Centering large paragraphs looks good only for poetry.

[dratte]

Bsmith you're first class sir.

 

Thanks a lot

 

Will work on it right now.

 

Dan