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?

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 12 Years, 10 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 09:36 By cerhio.
The administrator has disabled public write access.
 
#24225
Re:how to customize lightbox theme 12 Years, 10 Months ago Karma: 760
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 12 Years, 10 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 12 Years, 10 Months ago Karma: 760
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 12 Years, 10 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