Untitled
unknown
html
2 years ago
1.2 kB
6
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