css – Transparent Overlay for Gravity Forms Ajax Spinner

Question

I am using this code to center a custom ajax spinner for gravity forms submission. The spinner is centered successfully. However the semi-transparent background overlay background-color: rgba(255,255,255,0.5) does not work as expected.

  /* 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;
    }

0
JoaMika 2 months 2022-10-10T11:46:56-05:00 0 Answers 0 views 0

Leave an answer

Browse
Browse