Untitled

 avatar
unknown
html
a year ago
1.2 kB
5
Indexable
<style>
/** Donation Amount, hides 2nd to the last field- Other Button **/
.en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(2) {
    display: none !important;
}

/** Styles the $ sign **/
.en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after, 
    content: "$";
    font-family: 'Headings';
    font-size: 14px !important;
    top:1rem !important;    

/** Moves the donation amount to the Other Amount space **/
.frequency-choices div.en__field--1827571 div:last-child {
    grid-column: 3 / -1;
}
</style>

<script>
// Sets focus on other input if selected
      $(function() { //document ready start
        /*DONATION AMOUNT OTHER INPUT FOCUS and BLUR EVENT*/
        $(document).on('focus', 'input[class*="en__field__input--other"]', function() {
          $('.en__field--donationAmt input[value="Other"]').prop('checked', true);

          if ($('.en__field--donationAmt input[value="-1"]').length > 0) {
            $('.en__field--donationAmt input[value="-1"]').prop('checked', true);
          }
        }
      }   
</script>        
Editor is loading...
Leave a Comment