http://www.kriesi.at/support/topic/adding-image-to-single-product-page Support Forum - Topic: Adding Image to Single Product Page en-US Thu, 23 May 2013 11:20:44 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/adding-image-to-single-product-page#post-80823 Tue, 23 Oct 2012 20:50:36 +0000 lcburns 80823@http://www.kriesi.at/support/ <p>okay, great....thanks! </p> http://www.kriesi.at/support/topic/adding-image-to-single-product-page#post-80792 Tue, 23 Oct 2012 16:48:48 +0000 Devin 80792@http://www.kriesi.at/support/ <p>Hey lcburns,</p> <p>That looks to be a pretty good solution. You could also add padding to the title and then position the background image further up instead of using line height.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/adding-image-to-single-product-page#post-80790 Tue, 23 Oct 2012 16:43:18 +0000 lcburns 80790@http://www.kriesi.at/support/ <p>I actually just modified this:</p> <p>#top .price, #top .price span, #top .price del{<br /> display:block;<br /> text-decoration: none;<br /> font-size: 15px;<br /> line-height: 68px;<br /> font-weight: normal;<br /> background:url(images/leaf_grey_63op.jpg) no-repeat 180px center;<br /> margin-top:-8px;margin-bottom:-3px;<br /> }</p> <p>I added the image and modified line-height, etc., so the image sits above the product summary. Ideally, I wanted the image to sit right above the product title( that sits above the product summary). </p> http://www.kriesi.at/support/topic/adding-image-to-single-product-page#post-80764 Tue, 23 Oct 2012 15:16:41 +0000 Mya 80764@http://www.kriesi.at/support/ <p>Hi lcburns,</p> <p>Can you give us an example on your website so we can see it visually? Not sure I'm following what you're trying to do.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/adding-image-to-single-product-page#post-80682 Mon, 22 Oct 2012 19:49:35 +0000 lcburns 80682@http://www.kriesi.at/support/ <p>Hello,</p> <p>I'm using Abundance and I'd like to add an image/icon below the product title in the summary area. I'd like to have it centered and I've tried this in CSS:</p> <p>.product_title{background: url(images/leaf_icon.png)top center no-repeat scroll;}</p> <p>It shows centered, but when I try to lower the icon, below the title,(and center it), the actual title moves with it. How do I create this image as it's own entity?</p> <p>Any suggestions? </p> <p>Thanks - </p>