I've been working on this for a few days now and have exhausted all my resources I can find to do this. We purchased a template for our zen cart so you know before we get into this.
Here is the link to the product page.
http://www.franmar.com/index.php?mai...products_id=75
We would like the text to align to the right of the image and also wrap to the bottom of the image if there is a lot of text. Currently all the text just falls below the image and I have this big white space to the right of the image.
Here are some snippets of the CSS files if they help.
stylesheet_main.css
-------
#productMainImage {
margin:0 10px 0 0;
float: left;
}
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin:0 10px 0 0; text-align:center; line-height:20px;
}
#productMainImage a, #reviewsInfoDefaultProductImage a, #productReviewsDefaultProductImage a, #reviewWriteMainImage a {font-size:17px; text-decoration:none; line-height:20px; font-weight:bold;}
#productMainImage a:hover, #reviewsInfoDefaultProductImage a:hover, #productReviewsDefaultProductImage a:hover, #reviewWriteMainImage a:hover{ color:#fe6e18;}
#productName {clear:both; color:#8bc53f;
font-size:25px;
line-height:30px;
font-weight:normal;
font-family: 'Open Sans', sans-serif;
letter-spacing:-1px;
margin-bottom:10px;}
#productPrices {color:#fe7c1e;
font-size:12px;
line-height:17px;
font-weight:bold; }
#productDescription {
clear: both;
float:right;
margin:0px;
padding:15px 0 0;
width:100%;
overflow:hidden;}
--------------
Any help with this would be great!
Thanks
Bookmarks