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

Alan-Squareflair

Circle Member
  • Posts

    537
  • Joined

  • Last visited

  • Days Won

    15

Everything posted by Alan-Squareflair

  1. I'm happy to announce that my client's site won the People's Voice "Community Site" Webby for the REVERSE THE RED website! Thanks to all who voted in support of Species Survival. I designed the site on Figma, and built the site on Squarespace's Developer Platform. It wasn't a complex site, but with a large committee steering the design/development, it was great to use/bend almost every component to completion. The Scientific/Institutional communities have held onto the Drupal platform for years, and we're here to prove that there's no reason for such an old/tired platform when forward momentum is the goal for building and using a site focused on growth and sustainability.
  2. Site URL: https://vote.webbyawards.com/PublicVoting#/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/community PLEASE VOTE!!! A Squarespace site I designed & built is up for a webby award! Please vote for “Reverse the Red” to help species survival 👉 https://vote.webbyawards.com/PublicVoting#/2021/websites-and-mobile-sites/general-websites-and-mobile-sites/community
  3. One thing I didn't think to try @brandon — I should've tried adding just plain CSS in header injection, or right on the page in a code-block. Next-time.
  4. I thought of the same solution, and explained it here with a screenshot:
  5. * Based on my above suggestion, I'm providing code for you. Just tell the client "Set every event Start/End time based on your own timezone". Then add that three-letter tag to the CSS. Live site: https://www.oliversacksdoc.com/events Using "MOJAVE", the 7.0 template (based on Brine). You can see below (in my screenshot) where each of these elements will appear. .eventlist-datetag span.event-time-12hr::after { content: "EST"; padding-left: 4px; font-size: 12px; font-weight: bold; } .event-time-12hr-end::after { content: "Timezone: EST"; padding-left: 10px; font-size: 16px; font-weight: bold; }
  6. I'm thinking that the only workaround will be to add a "Pseudo Element" via CSS that places the text "EST" (timezone) — and tell the client that all times added should be added IN YOUR OWN TIMEZONE. Then all listed times will appear with a trailing EST. If you know CSS, and how to inspect the code, you should be able to identify what element to override. More pseudo element information— applying content using "::after" can be found here: https://css-tricks.com/almanac/selectors/a/after-and-before/
  7. Site URL: https://youtu.be/43a697rHrgk Hello. When toggling BOLD on text headings in Post Excerpts, the heading text is behaving in the opposite way that you would expect. I've seen this a few times, and have ignored it, but recently when showing a client how to do specific text edits that are critical to the outcome of the post, it became confusing at-a-glance. (see video link) Can you reproduce this? In a post excerpt: 1. Type any text, select the text, and convert the text to a heading by choosing "h3" (or h2, h3) 2. Select the text again. With text selected, make the text bold by clicking "B" in the interface. You will see how when BOLD is applied in the UI, the text appears UNBOLD. When bold is unapplied, the text returns to appear bold. See video: https://youtu.be/43a697rHrgk
  8. I think it must be a bug with Squarespace. I'm going to submit a ticket to see if it can be repaired, or at least get an answer as to "why" this is happening.
  9. Same. It's when working with crazy filters (for me). Like below (awesomely generated) on this example, which is converted from this hex value: #5aa74c: https://codepen.io/sosuke/pen/Pjoqqp filter: invert(54%) sepia(69%) saturate(365%) hue-rotate(64deg) brightness(93%) contrast(88%);
  10. Looking back on this issue (well-after the project was complete), I remember now what was happening— when I was saying "not linked" I meant that I couldn't add a link to the Cover Page logo. (Add the "/" to send the visitor to the homepage when clicking the logo). I've always known Cover Page markup and styling are completely independent from the rest of the site. I just wanted to add this, in case others have found the same issue.
  11. You have to make sure that SOCIAL SHARING is turned on in the Design Styling area— as that's the container I'm using to hold the additional content. It's a little hacky, but it was the easiest way to make it happen. (please see additional notes added to my original response)
  12. Yes, you can do this using jQuery. Add this to your PAGE HEADER CODE INJECTION— in the settings on your main product page. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').appendTo('.ProductItem-details-share'); }); </script> Notes: 1. this assumes you're not running jQuery on the site; if you are, you can just use the second script. 2. The template I'm using is MOJAVE in the Brine Family (7.0), although this should work for most 7.0 templates. 3. You have to make sure that SOCIAL SHARING is turned on in the Design Styling area— as that's the container I'm using to hold the additional content. It's a little hacky, but it was the easiest way to make it happen.
  13. 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!)
  14. 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
  15. 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.
  16. 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.
  17. I guess a dude could just make his own non-cover page "cover page" in minutes without using a cover page. 🤭 #nolimits
  18. 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 ?
  19. 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?
  20. 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?)
  21. 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/
  22. 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>
  23. I'm looking for an answer too @ss_qstns. (I'm testing the third example now.) Ping here if you nailed it!
×
×
  • Create New...