@font-face { font-family: 'Adi'; font-weight: 400; src: url('https://sn290c.n3cdn1.secureserver.net/wp-content/uploads/2024/04/AdigianaUI.ttf') format('truetype'); } .copyButton, .copyButton strong { cursor: pointer; /* Makes the cursor a hand to indicate it's clickable */ color: black; /* Sets text color to black */ font-weight: bold; /* Only the label is bold */ margin-bottom: 10px; /* Adds 10px margin to the bottom of the label */ } .copyButton strong { display: block; /* Puts the label on a new line, creating more space */ margin-bottom: 8px; /* Extra margin at the bottom for more space */ font-family: 'Adi', sans-serif; /* Specifies the custom font for this text */ } .copyText { font-weight: normal; /* Normal text style for the copyable part */ } .message { color: #9945FF; /* Purple color for the success message */ display: none; /* Initially hides the message */ font-size: 16px; /* Size of the message */ margin-top: 10px; /* Adds 10px margin to the top of the message */ font-weight: 900; /* Extra bold for the message */ } Click to copy original contact address: 5mbMpdFn3eSU……….nbA8HMgyWc

✓ Copied successfully!

// Select all elements with the class 'copyButton' and apply a click event to each document.querySelectorAll('.copyButton').forEach(function(button) { button.addEventListener('click', function(event) { event.preventDefault(); // Prevents the page from scrolling after the click var text = document.createElement('textarea'); // Retrieve the value from the data attribute instead of the visible text text.value = this.querySelector('.copyText').getAttribute('data-full-address'); document.body.appendChild(text); text.style.position = 'fixed'; // Ensures the textarea is not visible text.style.left = '-9999px'; // Moves it off the visible screen text.select(); document.execCommand('copy'); document.body.removeChild(text); // Displays the success message var message = this.nextElementSibling; // Assuming message is right after the button message.style.display = 'block'; // Makes the message visible // Hides the message after 3 seconds setTimeout(function() { message.style.display = 'none'; }, 3000); }); });