Tagged: 

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

    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 -

    #94728

    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

    #94729

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

    #94730

    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

    #94731

    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.