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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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


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?

Definable borders or background image?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Definable borders or background image?
#19251
Definable borders or background image? 13 Years, 3 Months ago Karma: 0
I would like to either add a background image or border image to the image slider so that it's basically in the middle of a "box". Is there a way to do this?
The administrator has disabled public write access.
 
#19256
Re:Definable borders or background image? 13 Years, 3 Months ago Karma: 760
Hello,

Could you provide a screenshot where we can see what do you want to achieve?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#19463
Re:Definable borders or background image? 13 Years, 3 Months ago Karma: 0
Sure!

Here you go!


You'll notice the bars above and below the image.
The administrator has disabled public write access.
 
#19505
Re:Definable borders or background image? 13 Years, 3 Months ago Karma: 760
If you want to add simple borders, you can use the next CSS rule:

Code:


DIV.ari-image-slider-wrapper
{
 border: 10px solid red;
}



If you want to use image(s) as borders, it required custom modification.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#20373
Re:Definable borders or background image? 13 Years, 2 Months ago Karma: 0
What do you do if you want to add an actual background image behind the images displayed in the slideshow?

In my case I've created a graphic in Photoshop that I want the images to lay on top of. How do I get the background graphic to stay visible? Right now when I go to the homepage I see the background graphic, but as soon as the first slideshow image loads the background graphic goes away.

Here's the code I have for the background of the slideshow.
Code:


.nivoSlider {
position:relative;
margin-top: 10px;
margin-bottom: 10px;
background:transparent url(images/loading.gif) no-repeat 50% 50%;
background:transparent url(images/slidebg.png) no-repeat 100% 100%;
/*-moz-box-shadow:0px 0px 0px #333;*/
/*-webkit-box-shadow:0px 0px 0px #333;*/
/*box-shadow:0px 0px 0px #333;*/
}

The administrator has disabled public write access.
 
Go to topPage: 1