Jump to content

TOMweb

Member
  • Posts

    59
  • Joined

  • Last visited

Everything posted by TOMweb

  1. Will do and report back. Thanks @tuanphan EDIT : it worked. I updated the plugin to the latest version (you can download the latest version from your order Download URL). To update the plugin, first delete previously uploaded file (make sure you delete all files), then upload the new one.
  2. Thanks for responding @Ziggy! I've tried with no response. I've also tried removing the plugin and re-uploading it, with no success.
  3. Hello! I purchased a Video Lightbox Squarespace plugin and it was working great for the past year. Now it just doesn’t work anymore (even on previously created pages) and clicking on the button opens a new window to Vimeo (even though that option is disabled). It's weird because we have changed nothing and it just stopped working out of the blue. Here is an example page with a video : https://www.tenovermedia.com/johnmaddenfootballcenter (it used to nicely play in a black lightbox) Have you heard of any changes re Squarespace 7.1 and plugins? Has any of you experienced a similar issue? Any help is much appreciated! Thank you
  4. No I haven't found a solution... It seems like they haven't worked around that problem yet.
  5. 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!
  6. 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>
  7. 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; } } 🙂
  8. 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; }}
  9. https://endive-denim-89ds.squarespace.com/ The problem appears on the footer, the symbols are next to the Social Media "Instagram, Facebook" etc
  10. Hi! I am trying to use the north-east arrow symbol in a text block ( ↗ ) and it works fine on my desktop but as soon as I use any iOS device (iPhone, iPad), it turns into some emoji ( ↗️ ). Is there a way to force text for this symbol? Thank you for your help!
  11. This works perfectly!!! Thank you @bangank36, you're a gem 🙂
  12. Site URL: https://endive-denim-89ds.squarespace.com/contact Hi all! 👋 After some intensive research on the forum and on the web, I am looking for a way to close the popup Lightbox form (when you select any of the "Pitch" "Ask" "Join" button...) by clicking outside the form (like, in the background for example). Right now, the Lightbox form can only be closed by clicking on the X button, but I notice that people always try first to click on the background (away from the Lightbox) to close it, and I'd love to make this available to them too. Would someone know how to do that? Thank you so much!
  13. Still no luck for me. Here is the code I already have. I am adding your suggestion at the end but it doesn't work yet... Any idea? Thank you @tuanphan <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: #E8E5DD; /* 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("https://static1.squarespace.com/static/5f0cd7575142de45f1d531a7/t/5f9ea63342433c0d82131eb5/1604232763290/animation_640_kgz2q4of.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(2500).fadeOut("slow"); }) </script>
  14. This thread is super useful. Thank you!! @victpo was @tuanphan's code successful for you? When I try to insert it in Code Injection of the page, this doesn't work for me. Any luck on your end? Take care
  15. Hi @CarolynSmith Did you find a solution? I am trying to do the same thing and would appreciate any help! Thank you 🙂
  16. Hi team! I am trying to customise my header on Squarespace 7.1: I have 2 folders item (parent) and a few children item for each in a Dropdown Menu (folder content). I have used a code to create an animated underline effect when I hover only the parent folder (not the folder content), but I would like that effect to stay active only on the parent folder when I hover the folder content. When I hover the folder content, I'd like the folder parent animation to stay on hover too. Does that make sense? Here is the custom CSS that I used for that section /*Nav Item Animated Line when hover*/ nav a:hover { background-size: 100% 2px !important; } nav a { padding-bottom: 6px; overflow: visible !important; background-repeat: no-repeat !important; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 0% 2px !important; background-position: 0% 100% !important; white-space: initial; transition: all ease-in-out 500ms !important; -ms-transition: all ease-in-out 500ms !important; -moz-transition: all ease-in-out 500ms !important; -webkit-transition: all ease-in-out 500ms !important; } /*Transparent dropdown background */ .header-nav-folder-content { background: transparent !important; a { background: none !important; } } /*Nav Folder Dropdown Fade In*/ .header-nav-folder-content { transition: all 0.5s ease-in-out !important; } .header-nav-folder-content:hover { transition: all 0.5s ease-in-out !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.