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

Alan-Squareflair

Circle Member
  • Content Count

    519
  • Joined

  • Last visited

  • Days Won

    15

Alan-Squareflair last won the day on September 19 2019

Alan-Squareflair had the most liked content!

About Alan-Squareflair

  • Rank
    Squarespace Expert

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  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%; }
×
×
  • Create New...