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?

contolling the resizing of the lightbox
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: contolling the resizing of the lightbox
#13289
contolling the resizing of the lightbox 13 Years ago Karma: 0
Hi,
I am using fancybox to show off images of art work done by a client of mine. It is working well but I am trying to put a grey border around the image using the CSS in fancybox.css.

The border is fine until I reduce window size on the browser, when I lose the top border. Can I control the extent of the resizing of the light box somehow? so that it is a slightly smaller proportion of the avalable window thatn at present and therefore the top border is not lost?

Also, the client wants the forward and back buttons to appear all the time which I have achieved with the CSS but this causes both buttons to appear on opening up the first image in a gallery for the first time. Is there a way to adjust this so that only the forward button appears - as it does on second opening??

the site is www.franziskaschenk.co.uk
the galleries are in the art section eg www.franziskaschenk.co.uk/index.php?option=com_content&view=article&id=30&Itemid=11

Finally , is there a simple way to apply different borders to the lightbox - for different instances -ie different galleries need different borders ?
Last Edit: 2011/04/04 18:19 By davidfowkes.
The administrator has disabled public write access.
 
#13301
Re:contolling the resizing of the lightbox 13 Years ago Karma: 747
Hello,

1. Add the next CSS rule to site template CSS file that fix top border:

Code:


DIV#fancybox-wrap
{
 margin-top:0;
}



2. We will investigate the problem with navigation buttons and report about results soon.

3. It requires modification of the extension, that it adds specific CSS class to lightbox container or to <body> tag.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#13317
Re:contolling the resizing of the lightbox 13 Years ago Karma: 747
About the problem with navigation buttons, add the next CSS rule:

Code:


#fancybox-left,
#fancybox-right
{
 display: none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1