ShortAngryViking Posted November 11 Share Posted November 11 I have been asked a week ago to see if the input text within the search bar could be customised. After too many hours looking, trying different css, js, and the inspector with .sqs.....(fill in blank here) I am resorting to asking for help as I am at a loss. Is this even possible possible what I am trying? I have been asked to change the custom search text from "Type to Search"to something totally different. Thanks Link to comment
melody495 Posted November 11 Share Posted November 11 Hey, the selector might be different from the video, but have you tried this? https://www.youtube.com/watch?v=22l29BbD5cs -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody 💁♀️ SquareSpace Developer You dream it, I'll make it happen. Contact me: 💻 https://www.melodylee.tech ✉️ my email 📍 UK based. The great thing about the internet, we can work together from anywhere. #neverstoplearning ☕ I like coffee 😊 Link to comment
ShortAngryViking Posted November 11 Author Share Posted November 11 Thanks @melody495 that is where i began this process. I have tried to reach out the Will and his team but no luck as yet Link to comment
melody495 Posted November 12 Share Posted November 12 If you share a link to your website, can check -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody 💁♀️ SquareSpace Developer You dream it, I'll make it happen. Contact me: 💻 https://www.melodylee.tech ✉️ my email 📍 UK based. The great thing about the internet, we can work together from anywhere. #neverstoplearning ☕ I like coffee 😊 Link to comment
ShortAngryViking Posted November 12 Author Share Posted November 12 https://www.wagthedog.nz https://turkey-decagon-5rfj.squarespace.com thank you @melody495 Link to comment
melody495 Posted November 12 Share Posted November 12 9 hours ago, ShortAngryViking said: https://www.wagthedog.nz I tested for this website. Try putting the below code in your Code Injection, Footer. I used the code from the video, just changed the selector to the specific ID, because that search bar html is structured differently. Let me know how it goes, or if you need help with the other website. <!-- ===== Adjust Search Block Placeholder Text From Will-Myers.com ========== --> <script> window.addEventListener('DOMContentLoaded', changeSearchPlaceholder); function changeSearchPlaceholder() { let newText = "Search Me"; let searchBars = document.querySelector('#yui_3_17_2_1_1699789732927_371'); searchBars.forEach(el => el.placeholder = newText) } </script> tuanphan 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody 💁♀️ SquareSpace Developer You dream it, I'll make it happen. Contact me: 💻 https://www.melodylee.tech ✉️ my email 📍 UK based. The great thing about the internet, we can work together from anywhere. #neverstoplearning ☕ I like coffee 😊 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment