-
Posts
59 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by TOMweb
-
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.
-
Thanks for responding @Ziggy! I've tried with no response. I've also tried removing the plugin and re-uploading it, with no success.
-
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
-
No I haven't found a solution... It seems like they haven't worked around that problem yet.
- 30 replies
-
- email-campaigns
-
(and 2 more)
Tagged with:
-
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!
- 30 replies
-
- email-campaigns
-
(and 2 more)
Tagged with:
-
Has anyone had success animating a logo while the site loads?
TOMweb replied to CarolynSmith's topic in Customize with code
No thank you! -
Has anyone had success animating a logo while the site loads?
TOMweb replied to CarolynSmith's topic in Customize with code
@CarolynSmith Sure http://endive-denim-89ds.squarespace.com pw: 1404-Hello -
Has anyone had success animating a logo while the site loads?
TOMweb replied to CarolynSmith's topic in Customize with code
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> -
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; } } 🙂
-
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; }}
-
@tuanphan any idea?
-
https://endive-denim-89ds.squarespace.com/ The problem appears on the footer, the symbols are next to the Social Media "Instagram, Facebook" etc
-
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!
-
Close Lightbox Form when clicking outside the form
TOMweb replied to TOMweb's topic in Customize with code
This works perfectly!!! Thank you @bangank36, you're a gem 🙂 -
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!
-
Logo loading screen - code adjustment please
TOMweb replied to rdreed's topic in Customize with code
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>- 39 replies
-
- code-injection
- logo
-
(and 1 more)
Tagged with:
-
Logo loading screen - code adjustment please
TOMweb replied to rdreed's topic in Customize with code
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- 39 replies
-
- code-injection
- logo
-
(and 1 more)
Tagged with:
-
Has anyone had success animating a logo while the site loads?
TOMweb replied to CarolynSmith's topic in Customize with code
Hi @CarolynSmith Did you find a solution? I am trying to do the same thing and would appreciate any help! Thank you 🙂 -
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; }
- 6 replies
-
- navigation
- folder
-
(and 2 more)
Tagged with: