featured products background image

[SebasVerwoert]

Hi all!

I've been searching the forums, however I couldn't find the answer... I'd like to have a background image behind the special, new and featured items... this is a example of what i'd like to achieve:



I tried to edit the css rules ""centerBoxContentsFeatured centeredContent", however then it doesnt seperate the the items, but makes the bg-image repeat behind al 3 products... Does anyone know to fix this, or is some sort of addon?


Thx for the help!

[gjh42]

What CSS did you use to try to accomplish your bg images? Did you include a "no-repeat"? Seeing your site live will let us help you best - we can't diagnose a screenshot.

[SebasVerwoert]

Hmz sorry for the late reply, had a broken PC so the project came to a standstill :) This is the website http://sebasverwoert.nl/polyestershop/

As you can see, the featured products photo's are aligned centered. The background is also aligned with some sort of margin :) Been staring at it for a while now, but I think I'm stuck.
In the centerBoxContentsFeatured I added the text I added text-align:left;. It then shifts the BG and product Image nicely to the left. However when I add a padding, everything is aligned vertical

[gjh42]

Find in your stylesheet and add

.centerBoxContentsFeatured {
background-image: url(../images/productsBG.jpg);
background-repeat: no-repeat;
height: 165px;
width: 166px;
padding-top: 10px;
background-position: center top;
}