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

AllanYung

Member
  • Posts

    36
  • Joined

  • Last visited

Recent Profile Visitors

284 profile views
  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!
×
×
  • Create New...