I’ve just had chance to get back onto this project and try your fixes. The option for [download_link-popup] styles the popup well, but hides it behind the CSS layer which is no good.
The option for [download_link_extended] shows the popup permanently on the page which is not acceptable to the client.
Can you see the first attachment I have sent and check the site to see why the popup is going behind the CSS layer. I have tried to amend the Z index within the CSS but it isn’t working.
I also attach another screen shot where I have added .modal-backdrop{display:none} into the code. This removes the faded layer from in front so that the popup can be accessed/clicked. It still doesn’t bring it to the top layer though which isn’t right as the site is still scrollable behind, but it’s the only way that I can get the popup to be clickable.
I’ve also tried putting the z index for the header down to 0 – this works for the popup but pushes the header behind everything else; even if you put 0 values against all sections of the template.