Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Removing shadow and making new border
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Removing shadow and making new border
#19432
Removing shadow and making new border 12 Years, 6 Months ago Karma: 0
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?
The administrator has disabled public write access.
 
#19440
Re:Removing shadow and making new border 12 Years, 6 Months ago Karma: 746
Hello,

Add the next CSS rule:

Code:


div.nivoSlider
{
 border: 4px solid red !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#19441
Re:Removing shadow and making new border 12 Years, 6 Months ago Karma: 0
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 administrator has disabled public write access.
 
#19443
Re:Removing shadow and making new border 12 Years, 6 Months ago Karma: 0
Last Edit: 2011/09/10 10:16 By davidfowkes.
The administrator has disabled public write access.
 
#19542
Re:Removing shadow and making new border 12 Years, 6 Months ago Karma: 746
Use the next CSS rule:

Code:


BODY DIV.ari-image-slider-wrapper
{
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border:2px solid gray;
  padding: 2px 4px 4px 2px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#19593
Re:Removing shadow and making new border 12 Years, 6 Months ago Karma: 0
Thank you for that - problem solved.
The administrator has disabled public write access.
 
Go to topPage: 12