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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

how to customize lightbox theme
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: how to customize lightbox theme
#24224
how to customize lightbox theme 5 Years, 8 Months ago Karma: 0
Hallo!

I want lightbox content to be displayed on yellow background. When i look through HTML there're parts with styling like this
Code:

<div id="SLB-Contenido" style="border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; height: 400px; overflow-x: hidden; overflow-y: hidden; width: 700px; background-color: rgb(255, 255, 255); ">


so how can i restyle lightbox and what file generates this code?

thank you
Last Edit: 2012/01/30 02:36 By cerhio.
The administrator has disabled public write access.
 
#24225
Re:how to customize lightbox theme 5 Years, 8 Months ago Karma: 667
Hello,

If you want to change background of "#SLB-Contenido" element, use the next CSS rule:

Code:


#SLB-Contenido
{
 background-color: yellow !important;
}



Additional CSS properties are set by javascript code from <joomla_directory>/plugins/content/arisexylightboxlite/js/jquery.sexylightbox.min.hs file.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#24226
Re:how to customize lightbox theme 5 Years, 8 Months ago Karma: 0
thanks for anser.

css code you provide works for html content, but creates yellow square over the picture when i open any image in lightbox.

so i applyed it to #SLB-Image.

Next step i found and colorised images in sexyimages directory.


Now i need only to change borders color. Java is out of my mind, a cant find there ... em... code looks like shineese for me.

i need to change border-colors here in generated html
Code:

<div id="SLB-Contenido" style="border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); height: 331px; overflow-x: hidden; overflow-y: hidden; background-color: transparent; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: auto; "></div>


please, help
The administrator has disabled public write access.
 
#24322
Re:how to customize lightbox theme 5 Years, 8 Months ago Karma: 667
Specify color which you want to use for borders and we will provide updated javascript file.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#24346
Re:how to customize lightbox theme 5 Years, 8 Months ago Karma: 0
thanks for your support, as i see, this part of sexylightbox is not "usercustomizeble", so i'll keep things like they are.

"+" goes to support team carma =)
The administrator has disabled public write access.
 
Go to topPage: 1