Hi, I am using ari image slider to give a rotating slide show. I have removed the default drop shadow and am trying to replace it with a border, and padding of 4px all the way round which is supposed to expose a grey background of #dddddd, with borders as follows:
border-top:1px solid #eee;
border-left:1px solid #eee;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
I've got the borders doing the right thing but...
I cant get the image to position itself appropriately. Can you advise please.

the page/s concerned are www.franziskaschenk.co.uk/index.php?option=com_content&view=article&id=155&Itemid=52

I suspect I need to adjust the position of the backgrond image but I can't see how?

Hello,

Add the next CSS rule:



Regards,
ARI Soft

Thanks but the borders i want are: border-top:1px solid #eee;
border-left:1px solid #eee;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
The border is not the problem, it is the position of the image, i want 4px all around so it looks like all the other images on the site.

the type of effect I need on the slider is shown at www.franziskaschenk.co.uk/index.php?option=com_content&view=article&id=9&Itemid=4

Use the next CSS rule:



Regards,
ARI Soft

Thank you for that - problem solved.