Background Color for Ajax Spinner

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.