Adding Image to Single Product Page « Support Forum | Kriesi.at

Adding Image to Single Product Page

5 posts from 3 voices

Tags:

lcburns
Member

Hello,

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:

.product_title{background: url(images/leaf_icon.png)top center no-repeat scroll;}

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?

Any suggestions?

Thanks -

Posted 7 months ago #
Mya

Hi lcburns,

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.

Regards,
Mya

Posted 7 months ago #
lcburns
Member

I actually just modified this:

#top .price, #top .price span, #top .price del{
display:block;
text-decoration: none;
font-size: 15px;
line-height: 68px;
font-weight: normal;
background:url(images/leaf_grey_63op.jpg) no-repeat 180px center;
margin-top:-8px;margin-bottom:-3px;
}

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).

Posted 7 months ago #
Devin
Moderator

Hey lcburns,

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.

Regards,

Devin

Posted 7 months ago #
lcburns
Member

okay, great....thanks!

Posted 7 months ago #

This topic has been closed to new replies.