Jump to content

New margin issues


Recommended Posts

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:




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?

Link to comment
Share on other sites

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

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

Remove the middle 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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...