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

AllanYung

Member
  • Posts

    36
  • Joined

  • Last visited

Everything posted by AllanYung

  1. I used the custom CSS. The first bit of code didn’t load the animation. Thanks!
  2. Hey @tuanphan. How can I display a different animation on all of the blog posts but not the main blog list page? Thanks!
  3. <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <div class="splash-wrapper"> <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_biy6osdk.json" background="transparent" mode="normal" speed="1" style="width: 480px; height: 270px;" autoplay></lottie-player> </div> <style> .splash-wrapper { position: fixed; z-index: 9999; background-color: #FFFFFF; height: 100vh; width: 100vw; display: flex; flex-flow: column nowrap; justify-content: center !important; align-items: center; animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 0.5s; animation-delay: 2s; } @keyframes slideOut { from {margin-top: 0vh; opacity: 1;} to {margin-top: 100vh; opacity: 0;} } </style> Here is the code posted in the Page Header Code Injection which I would only like applied to the blog page that lists all the posts. Thanks @tuanphan!
  4. Site URL: https://www.yungrealestate.com/availabilities I added code for a loading animation to the Page Header Code Injection in Blog Settings. It works great but it loads on all the blog pages as well as the main blog list page. How can I stop the animation from loading on all of the individual blog pages? I would prefer for it to only load on the main blog list page. Thanks!
  5. I've actually been able to select multiple tags but it displays all posts that match any of the tags, not posts that match all of the tags. How can I only show posts that match all tags?
  6. Thanks so much man. This worked perfectly! You are a legend.
  7. Sorry, now seeing your reply @tuanphan! I was not able to fix that but that's not a big issue. Thank you for bringing this to my attention! Instead of making the two buttons the same height, I would prefer for them to stack one on top of the other as they do in mobile. I also noticed that some Headers break on Tablet. I would prefer for the Homepage specifically to switch to a Mobile format as soon as this happens as shown below to avoid any longer words in Headers breaking to a new line. This would also solve the issue with the text in the Contact Us button breaking to two lines. How would I be able to do that? How can I check the page width when the Header starts to break? Thanks 😁!
  8. Site URL: https://www.yungrealestate.com/availabilities/3-hacienda-court I am having a few issues displaying only one item per row in a Summary Carousel on Mobile. Below there is an overflow of the second item. This leads to the excerpt text being slightly cut off on the second item with more of an overflow from the third item. For some reason, the Summary Carousel Pagination only works for up to three items. There are supposed to be five items for this Summary Block as displayed on Desktop. Current Code CSS .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: "playfair-display"; font-size: 2.2rem; letter-spacing: -0.02em; -webkit-font-smoothing: antialiased; } .summary-excerpt h4 { font-size: 20px; line-height: 0em; margin-top: 15px; } .summary-excerpt p { font-size: 14px; line-height: 0em; } } @media screen and (max-width: 767px) { .sqs-block-summary-v2 .summary-item { width: 100% !important; } .sqs-block-summary-v2 { .summary-title, .summary-heading { font-size: 1.6rem; } } } Code Block (to hide the current Blog Post the Summary Block is on) <style> .summary-item-list .summary-item:nth-child(1) { display: none; } </style> Thanks for any help guys!
  9. Site URL: https://www.yungrealestate.com/availabilities/26-east-sunset-dr How can I hide the current blog post in a summary block site-wide so that I don't have to code it for each blog post or make specific tags for each property? If I have a summary block on a property listing, I would prefer not to have it display the current property on it.
  10. Site URL: https://www.yungrealestate.com/ How can I make the Headline Background Image responsive to the height of a mobile screen? I don't mind that the sides are cropped because I want the image to fill the screen rather than be minimized at the top so the width doesn't matter.
  11. Hey where do you put the JS and would the CSS go in Custom CSS?
  12. Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why. .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }
  13. Worked perfectly. Thanks @bangank36!
  14. How can I adjust the font size and line height for the excerpt that is displayed on the Blog List Page for all of the Blogs with Custom CSS? Website: https://ellipsoid-decagon-7aze.squarespace.com/availabilities Password: testing
  15. Works perfectly. Thanks again!
  16. Webpage: https://ellipsoid-decagon-7aze.squarespace.com/availabilities Password: testing Thanks!
  17. How can I change the sizes of the title and subtitle for image stacks with CSS?
  18. I would like to change the Gallery Reel slideshow arrows across the entire website for 7.1. This can be either to a specific image or something similar to the image attached. Also, would it be possible to make them fade in and out? If not, no problem as long as I can change them. I've tried the code from three other posts in this forum from last year but none of those have worked.
  19. Hey has anyone figured out how to make this work? Since it won't let me upload a svg to Manage Custom Files in Custom CSS, I uploaded a .png file and changed svg to name.png. That didn't work.
  20. This isn't working for me when I copy and paste it into Custom CSS even if I change first-child to second-child depending on the section where I want the down arrow to be. Is there something else I need to change if I want to use the arrow to be in another section as well? I would prefer not to use the anchor point. How can I remove the hyperlink that's attached to the down arrow? Thanks so much for the help!
  21. Thanks. I will respond there. I was receiving some errors trying the code you provided in that forum.
  22. I would like to add a bouncing scroll down arrow to the bottom of specific sections on Squarespace 7.1. I know I would need custom CSS as well as HTML to add to a Code Block so that I can place it specifically where I want it. Would someone be able to help? If possible, I would prefer it to be a minimalistic, sleek black down arrow with the ability to put text below it. Thanks for any assistance you guys can provide!
×
×
  • Create New...