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

TOMweb

Member
  • Posts

    56
  • Joined

  • Last visited

Everything posted by TOMweb

  1. No I haven't found a solution... It seems like they haven't worked around that problem yet.
  2. Hi all ! So I am creating blast email templates to send to my contact lists, where I choose a specific color for my section background (let's say, green). It looks great and all, but when someone receives it on their phone or tablet, and their dark mode is turned on, then the background color inverts and it looks really bad. Is there a way to force the background color on any devices? Thank you so much for the help!
  3. Hi @Browology did you find a solution ? I am interested in this as well.
  4. @tuanphan just enabled right click. Thank you for checking 🙂
  5. Site URL: https://www.tenovermedia.com/studio Hey there! I have an issue with my Scroll Reveal animation on mobile. The titles are supposed to show up from left or right, but the animation doesn't work on mobile for all titles coming from the left (like #block-yui_3_17_2_1_1601465453868_13770 for example). Could anyone help me with this issue? Thank you very much 🙏
  6. Site URL: https://endive-denim-89ds.squarespace.com/hotels pw: 1404-Hello Hi all! On the "/hotels" page, the images look great on desktop, but the portrait images take too much space on mobile compared to the landscape images. I would like to force all image blocks to look like squares on mobile. Do y'all have any idea on how to do that? Best
  7. Hi all! I am working on a dark mode version of my website. I am trying to change the first section background image of the landing page to another image when the viewer uses dark mode, but can't manage to make it work. Here is what I tried so far: @media (prefers-color-scheme: dark) { [data-section-id="5feca0a7dc82f97fd38e575d"] .section-background img { visibility: hidden; } /* set new image */ [data-section-id="5feca0a7dc82f97fd38e575d"] .section-background { background-image: url(https://static1.squarespace.com/static/5f0cd7575142de45f1d531a7/t/5feca8261d1415656f7995fb/1609345064730/WEBtransats_landingpage_night_123020.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } } } Any help is appreciated. Thank you!
  8. Anyone interested in giving a shot at this? I'm still looking for help please
  9. Hey @NiceDay Create a gif with your logo file (.SVG) using Lottie for example, like below: - go to https://lottiefiles.com/svg-to-lottie - upload your SVG and export it as a JSON file. - go to https://lottiefiles.com/lottie-to-gif - upload your JSON file and use one of the animations provided. Export as a GIF. Then, make sure you upload This GIF via Design > Custom CSS > Manage Your Files, and get the URL. Then, go to Settings > Advanced > Code Injection > Footer Field and paste the code below. Make sure you put in your own gif URL at the bottom of the code. Let me know how this works. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #000000; /* SET BACKGROUND SIZE */ background-size: 30vh; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("YOUR URL HERE"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(2500).fadeOut("slow"); }) </script>
  10. Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-YOURSECTIONID>.row>.col>.row>.col { width: 50% !important; float: left !important; } } 🙂
  11. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-between; align-items: center; width: 50% !important; float: left; }}
  12. Okay, thank you so much for your help so far, it worked so well!
  13. @bangank36 Any idea how to smoothly de-shrink this section when we scroll back up? Many thanks for your help.
  14. Awesome, I can work with that!!! Thank you! 🙏 ☺️ One last thing... Is there a way to ease the transition when we scroll back up? It just "pops" bigger now.
  15. Thank you @bangank36! is there a way to shrink the section height as well? I have now a huge gap between the image and the next section block...
  16. Site URL: https://endive-denim-89ds.squarespace.com/hotel-de-syeres https://endive-denim-89ds.squarespace.com/hotel-de-syeres pw: 1404-Hello Hello, I would like to know if it's possible to resize the first section background on scroll for mobiles? The image takes 100% viewport height on page load, but it crops a lot of the picture. The user should be able to view the full picture when he/she scrolls. Can it shrink on scroll to something like 20vh? Please advise, Many thanks!
  17. Site URL: https://endive-denim-89ds.squarespace.com/contact Hi all! pw: 1404-Hello I customised a code for the menu navigation for my site on mobile, but I would like the sub-navigation to look just like the main navigation: I want to keep the contact button on both navigation so that when the view clicks on a folder, the contact button doesn't leave the screen ... Do any of you have any idea how to achieve this please? Screenshots to clarify! thank you ! Below the code I customized: .header-menu-nav-item a { font-size: 1.7rem; padding-top: 7px; padding-bottom: 7px; text-align: center; } .header-menu-cta a { margin:30vw 0vw 0vw 0vw; min-width:100vw; font-weight:400; line-height: 2.5em;}
  18. @IXStudiothank you for your help. It doesn't seem like this code is working either... What loading effect are you thinking of? Are they integrated in Squarespace?
  19. @IXStudio I’ve tried adding the page footer script code to the page header, replacing “beforeunload” with “onload” ou “load” ou “pageload” and “animate-out” with “animate-in” but that didn’t work either.
×
×
  • Create New...