Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: Closing lightbox button isn't displayed

Closing lightbox button isn't displayed 9 years 3 months ago #11525

Hello,
There is some CSS conflicts on my website i think : the button, that allow to close lightbox displayed when you use the quicklook function, or photo zoom... Have a quicklook here: preproduction.indienboutique.fr/les-news.html

Thanks
The administrator has disabled public write access.

Closing lightbox button isn't displayed 9 years 3 months ago #11556

open this CSS file:
/templates/YOUR_TEMPLATES/html/com_vrituemart/assets/Flexible/fancybox2.css

scroll to the bottom, find these lines:
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
 
	#fancybox2-loading, .fancybox2-close, .fancybox2-prev span, .fancybox2-next span {
		background-image: url('fancybox2/[email protected]');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
 
	#fancybox2-loading div {
		background-image: url('fancybox2/[email protected]');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

and replace them with this:
/*Retina graphics!*/
 
	#fancybox2-loading, .fancybox2-close, .fancybox2-prev span, .fancybox2-next span {
		background-image: url('fancybox2/[email protected]');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
 
	#fancybox2-loading div {
		background-image: url('fancybox2/[email protected]');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}

FYI: Remove the media queries.

the problem will be fixed then.

Regards.
Last Edit: 9 years 3 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.073 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo