Pirobox Popup Opacity

[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

[Admiror Joomla! Sponsor]

[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??