Page 1 of 1
Pirobox Popup Opacity
Posted: Wed Apr 08, 2015 11:57 pm
by mbdixon
Hi,
I would like to change the opacity of the background of the pirobox popup, but even using Firefox inspect Elements can't figure out where to do it.
Also would it also be possible to set the image so it resizes so the whole of it is always seen no matter what the size of the monitor it is viewed on?
Cheers
Re: Pirobox Popup Opacity
Posted: Thu Apr 23, 2015 10:15 pm
by mbdixon
I have sorted out the opacity thing by putting the following code in my template overide file:
Code: Select all
.piro_overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% black;
display: none;
z-index: 99997;
opacity: 0.9 !important;
}
I also did some other adjusting to get it looking a bit sharper:
Code: Select all
.t_c {
height: 20px;
background: none;
}
.t_l {
background: none;
width: 20px;
height: 20px;
}
.b_c {
height: 20px;
background: none;
}
.b_r {
background: none;
width: 20px;
height: 20px;
}
.c_l {
width: 20px;
background: none;
}
.c_r {
width: 20px;
background: none;
}
.t_r {
background: none;
width: 20px;
height: 20px;
}
.b_l {
background: none;
width: 20px;
height: 20px;
}
This made the pop-up look like this:
http://www.marshfieldcricketclub.co.uk/ ... -trip-2015
All the photos in the above link have the same height in px but I still haven't figured out how to make the photo's auto-resize, which would make this pop-up perfect for my site. Anyone??