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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by Alan-Squareflair

  1. There's a fix that @dmitrykiselyov has used a few times as a way to give the browser what it needs. I'll let him share it here if he chooses to. (He can also explain it better than me!)
  2. Other apps that can integrate with Squarespace that allow larger filesizes are SendOwl, Podia and Ecwid. SendOwl.com allows you to upload via FTP for sizes larger than 1G (trying to find the size LIMIT though) Ecwid.com now allows files as large as 25GB! Podia.com has a max of 1G per file. Shopwired is unique— they allow you to use any third-party host and add the link to their admin system. So when purchasing, they provide the secure direct download to the externally-hosted file. https://help.shopwired.co.uk/manual/digital-downloads/selling-files-with-a-large-file-size
  3. Try using Gumroad.com to sell your video content. They're setup to protect your digital content by tracking the IP of whomever is trying to access the download. You can even allow paid RENTAL of digital content on Gumroad. And yes— it integrates nicely within any Squarespace page/post. I just posted a quick example on my site: https://squareflair.com/gumroad Download the "paid" content to test.
  4. You can easily embed third-party players (YouTube, Wistia, Vimeo, and HTML5 audio players). If you have larger files, just provide a link to download them! Make a password-protected PDF and put the link inside, or just send the link via email. If you have larger files, just provide a link to download them! Make a password-protected PDF and put the link inside, or just send the link via email. Make a password-protected PDF and put the license inside, or just send the license via email. You sound creative, @Madebyvadim so BE CREATIVE.
  5. I guess a dude could just make his own non-cover page "cover page" in minutes without using a cover page. 🤭 #nolimits
  6. Thanks. I guess I never noticed that. Because my client noticed it, and wants it linked (and now we do too, don't we?) how would one link it? Assuming it would require footer injection (unless there's an "overlay" hack). 🤷‍♂️ @dmitrykiselyov ?
  7. Site URL: https://beatnk.squarespace.com/thanks?password=trust Before posting I've searched to see if others are having the same issue. I see a couple of you actually are having the same issue, but I'm not seeing this has been answered. I'm using a stock cover page on Mojave (Brine fam). The logo in the upper-left isn't linked, and there's not an option to add a link. https://beatnk.squarespace.com/thanks?password=trust Is this a bug or a known issue?
  8. I think the answer you seek is here:
  9. I'm playing with Schema markup over on Merkle ( https://technicalseo.com/tools/schema-markup-generator/ ), and I could SWEAR that we used to be able to add code to header injection on blog posts. But no longer finding it. (Am I crazy?)
  10. Nevermind— I found it. I thought I was identifying the parallax section WITHIN the index section, but it's not associated with the Index 'pages' in the DOM. Instead, I just killed it by using a pseudo-element expression: .Parallax-item:nth-child(4) figure.Index-page-image { display: none !important; } more: https://css-tricks.com/useful-nth-child-recipies/
  11. Do you have ideas how to “offload” (kill/hide) a parallax image selectively with CSS? On smaller breakpoints, I'm simply covering the image with a color, but when scrolling, you can see a 1px 'sliver' bleeding-through. (so I want to “offload” (kill/hide) it on those breakpoints) When inspecting, the image is added via scripting: figure.Index-page-image.loaded The parallax section in question: <div class="Parallax-item" data-parallax-item="" data-parallax-id="5e220aae87b00d44dcb998bf" style="top: 2083px; left: 0px; width: 672px; height: 1070px; transform: translate3d(-672px, 0px, 0px);"> <figure class="Index-page-image loaded" data-parallax-image-wrapper="" style="bottom: 14px; overflow: hidden; transform: translate3d(0px, -67.4091px, 0px);"> <img data-src="https://static1.squarespace.com/static/5e18b3178e49c83eef94fbd0/t/5e2235b0b457e7527dde8694/1579314917946/bg-girl%402x.png" data-image="https://static1.squarespace.com/static/5e18b3178e49c83eef94fbd0/t/5e2235b0b457e7527dde8694/1579314917946/bg-girl%402x.png" data-image-dimensions="2500x2073" data-image-focal-point="0.5,0.22025858059715375" data-load="false" data-parent-ratio="0.6" alt="bg-girl@2x.png" style="font-size: 0px; left: -300.758px; top: 0px; width: 1273.52px; height: 1056px; position: relative;" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5e18b3178e49c83eef94fbd0/t/5e2235b0b457e7527dde8694/1579314917946/bg-girl%402x.png?format=2500w"> </figure> </div>
  12. I'm looking for an answer too @ss_qstns. (I'm testing the third example now.) Ping here if you nailed it!
  13. If you're still kicking Background Video tires before jumping into the pond (mixed metaphor error) ... I just wrote a blog post: "(BEFORE YOU) BACKGROUND VIDEO" http://www.squareflair.com/videos/before-you-background-video
  14. @imagelashwood @jessgThe code that was provided above works, but you'll need to also add the following: I made the logo sit 15% from the left (instead of 10%); Probably still needs work on mobile. — specifically, the MOBILE NAV LINK should be moved to the right (opposite the logo). The template has it on the LEFT by default. You also need to !important the text alignment too. (to override it fur-sure) /* Make logo -go-left- */ #header #logoWrapper, #header #siteTitleWrapper { position: relative; left: 15%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right !important; } #header #mainNavWrapper .index { margin: 0 0 0 12px !important; text-align: right !important; } There's a gap added by the template to "punch a hole" for the logo to appear in the middle, and make the navigation flow around it. It's basically just inline margin values added. Set those to ZERO by overriding the margins. #mainNavigation div.collection { margin: 0 !important; } #header #mainNavWrapper { text-align: right !important; } ALMOST THERE... the menu is now hugging too-far to the right. Add a little positioning to the right side of the menu (#header #mainNavWrapper)... #header #mainNavWrapper { text-align: right !important; right: 10%; }
  15. @uma looks like you're adding an unnecessary link in your script. Also it will be much easier to test if you use relative (instead of absolute) links to pages. Instead of linking to "http://www.evoqueventures.com/destinations" ... just link to "/destinations". Try this: <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function() { if ($(this).text() == 'Destinations') { $(this).attr('href','/destinations'); $(this).attr('onclick','true'); }}); }); </script> (if it was mangled, here's an image)
  16. Cool! Because I need one of these too. :)
  17. You could turn sound on (on a background video you typically want to keep the audio off – and it's coded this way intentionally). You can also turn off the looping of the video— making it only play once. These things are all possible, but then it wouldn't be a "background" video. It would just be a video. So – yes! Entirely possible.
  18. @jnunez429 Are you using the Social Icon Block? (see http://help.squarespace.com/guides/using-the-social-links-block ) ... you can change colors within those settings. If you're aware of that, please switch to "dark" color, and I'll inspect it again. THX Also please clarify— you're wanting all icons to be the same color too? Or did you want to control individual icon's colors? THX
  19. *or also try:.squarespace-social-buttons .ss-social-button-list a { color: #777777 !important; }
  20. @jnunez429 (I'm only looking at the CSS on the Squarespace Native demo, which doesn't display Social Icons) but if I had to guess I would start with: .squarespace-social-buttons a { color: #777777 !important; }
  • Create New...