I am using this code to center the AJAX spinner on the page, but i am looking to have a transparent white overlay which doesn’t work on my code below.
/* Absolute Center Spinner */
.gform_wrapper .gform_ajax_spinner {
position: fixed;
z-index: 999;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 120px;
height: 120px;
}
/* Transparent Overlay */
.gform_wrapper .gform_ajax_spinner:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.5) !important;
}
any help would be much appreciated