Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Thank you for your quick answer! As you said, "klee-one" is a custom font, so initially inserting this code did not work. However, I separately obtained the ID from Adobe Fonts, and the problem has been solved. Thank you again.
  2. Hello @tuanphan I also want to change the font of the tagline in the Wells template. The font I want to specify for the tagline is "klee-one". It would be very helpful if you could give me the code to do so. URL https://sepia-azalea-yga2.squarespace.com/ PW kiitos Many Thanks.
  3. Wow! I have no idea how it works, but it's exactly what I was hoping for. Thank you, tuanphan πŸ™‚
  4. Hi tuanphan, Sorry I forgot to mention it. The password is "testco2" .
  5. Hello tuanphan, Thank you for your reply! Also, I'm sorry for the delay in responding. The problem here could be addressed by cropping the image. I'm sorry for the inconvenience.
  6. Site URL: https://mango-armadillo-z5an.squarespace.com/en/top I'm new to html and css. When I put blocks with different number of text in parallel, the buttons below them are not aligned. I want to align the buttons at the top of the blocks when they are aligned horizontally. How can I do this? It may be at a rudimentary level, but I would appreciate your guidance. This site is 7.1 version and Business plan.
  7. I want to close the gap between the text block and the image block, is that possible? Does anyone know how to do that? If possible, I would be happy to learn how to do so.
  8. If anyone knows of one, please advise. Is it possible to create a home page like the one in the attached video? Also is it possible to create the page with the following video effects? Points: 1. When you click on the video, it gets a little bigger and plays back. 2. When you scroll down, the sound of the movie also turns off. Thank you for your kindly advise! sample.mov
  9. Hello @rwp, It's so awesome! I don't know why, but I added the Javascript you gave me to HEADER in Settings<Advanced<Code Injection and it appears correctly.πŸ˜† Your knowledge is amazing! Thank you so much for your big help. ☺️
  10. @rwp @derricksrandomviews Hello there, I interpreted @rwps meaning of in my own way and rewrote the code in the Advanced > Code Injection > HEADER that @derricksrandomviews presented to me as follows, and I was able to get the icon to appear on all pages, including the blog page. <a href="#" id="back-to-top" title="Back to top">&uarr;</a> ↓ <a href="#" id="back-to-top" title="Back to top" class="show">&uarr;</a> However, this code is still not perfect, and the animation that makes the icon appear after scrolling doesn't work, and it shows up from the beginning. 😱
  11. Thank you for checking my site! I know the I am cognizant of the condition you have pointed out. The two links back to the top are because I've left in what derrricksrandomviews has presented here. I just removed the second anchor link derrricksrandomviews told me about. And I appreciate your clarification on the images! I can click on the mouse in this position even though I certainly can't see it. >On your blog page, the css class .show isn't being added. How and where do I add that CSS?
  12. Hi rwp, Here's a link to my website's blog page: https://prworks-jp.com/notes/2020cms-summary
  13. Hi derricksrandomviews, Thank you for your kindly tips. Yes, my site on a business plan. I'm looking for something other than a way to jump up with an anchor link. I just want the icon to appear when I scroll down and be able to return to the top in the middle of the article.
  14. Thank you for this very useful information! However, on my site, it works when I put the following code in the Advanced page settings, but again, I couldn't make the back to top icon appear on my blog page because it does't have Advanced settings: <!-- Styles your button (this is a black square with white text --> <style> .back-to-top { background-color: #f5f2ee; color: #c8b397; opacity: 0; transition: opacity .6s ease-in-out; z-index: 999; position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 50%; } a.back-to-top { font-weight: 1000; letter-spacing: 2px; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 1.6; padding-left: 2px; padding-top: 14px; } .back-to-top.show { opacity: 1; } </style> <!-- Adds the back to top link to your website --> <a href="#top" id="back-to-top" class="back-to-top" style="display: inline;">Top</a> <!-- Fades in the button when you scroll down --> <script> var link = document.getElementById("back-to-top"); var amountScrolled = 250; function addClass(el, className) { if (el.classList) { el.classList.add(className); } else { el.className += ' ' + className; } } function removeClass(el, className) { if (el.classList) el.classList.remove(className); else el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); } window.addEventListener('scroll', function(e) { if ( window.scrollY > amountScrolled ) { addClass(link, 'show'); } else { removeClass(link, 'show'); } }); </script> If you have any ideas for a back to top icon on the blog page, I'd appreciate it if you continue to let us know!
  15. Hello! I learned about the code here that shows the back to top button when scrolling down in and introduced it, but for some reason it doesn't work on the blog page. Does anyone know how to make the back to top button appear when scrolling down on the blog page as well? By the way, I'm using 7.1ver.
  • Create New...