Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #17250


    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 –


    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.




    I actually just modified this:

    #top .price, #top .price span, #top .price del{


    text-decoration: none;

    font-size: 15px;

    line-height: 68px;

    font-weight: normal;

    background:url(images/leaf_grey_63op.jpg) no-repeat 180px center;



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


    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.




    okay, great….thanks!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Adding Image to Single Product Page’ is closed to new replies.