<script>
document.addEventListener('DOMContentLoaded', function() {
var toggleSoundButton = document.querySelector('.fa-volume-mute');
var heroBackgroundVideo = document.querySelector('.herovideo video');
toggleSoundButton.addEventListener('click', function (event) {
if (heroBackgroundVideo.muted !== false){
heroBackgroundVideo.muted=false;
toggleSoundButton.classList.add('fa-volume-up');
} else {
heroBackgroundVideo.muted=true;
toggleSoundButton.classList.remove('fa-volume-up');
} }); });
</script>
Month: May 2023
Gravity form radio button design
/* Custom styling for radio buttons in Gravity Forms */
/* Replace 'form-id' with the actual ID or class of your form */
#form-id input[type="radio"] {
/* Hide the default radio button */
display: none;
}
#form-id input[type="radio"] + label {
/* Style the label to resemble a radio button */
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
}
#form-id input[type="radio"]:checked + label {
/* Style the selected radio button label */
background-color: #007bff;
color: #fff;
}