Jump to content

Alan-Squareflair

Circle Member
  • Posts

    544
  • 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. * 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; }
  4. 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/
  5. 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)
  6. 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.
  7. 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!)
×
×
  • 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.