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

alicroft

Circle Member
  • Posts

    61
  • Joined

  • Last visited

  • Days Won

    1

alicroft last won the day on June 24 2017

alicroft had the most liked content!

Recent Profile Visitors

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

  1. @Robilanyo Here's what my developer came up with, and it seems to be holding up. Note this was all done on 7.0. Live page with the below code: https://www.theveilbrewing.com/rva-sa #1 "Enable Ajax Loading" must be turned off for this to work. Located in: Design> Site Styles > Site: Loading #2 Code to be inserted into the Page header, located in: Page > Settings > Advanced > PAGE HEADER CODE INJECTION <script defer> window.Squarespace.onInitialize(Y, function(){ function addZero(i) { i = i < 10 ? "0" + i : i; return i; } function calcUpdatedTime(customDate) { const date2 = new Date(customDate); const displayDate = (date2.getMonth() + 1) + '/' + date2.getDate() + '/' + date2.getFullYear(); const displayPM = date2.getHours() > 11 ? 'PM' : 'AM'; const displayMinutes = addZero(date2.getMinutes()); let displayHours = date2.getHours() > 12 ? (date2.getHours() - 12) : date2.getHours(); if(date2.getHours() == 0) displayHours = 12; const displayTime = displayHours + ':' + displayMinutes + displayPM; return "UPDATED:<br />" + displayDate + "<br />@ " + displayTime; } function createUpdateLinkDiv() { updatedDiv = document.createElement('div'); updatedDiv.setAttribute("id", "updated-at"); updatedLink = document.createElement('a'); updatedLink.setAttribute("id", "updated-link"); updatedLink.setAttribute("href", "#rva-sa-update-note"); updatedDiv.append(updatedLink); document.body.appendChild(updatedDiv); } let myHeaders = new Headers(); myHeaders.append('pragma', 'no-cache'); myHeaders.append('cache-control', 'no-cache'); const myInit = { method: 'GET', headers: myHeaders, }; const url = window.location.href.replace(location.hash,"") + "/?format=json-pretty"; fetch(url, myInit) .then((resp) => resp.json()) .then(function(data) { let recentUpdate = 0; const collections = data.collection.collections; for ( var i = 0; i < collections.length; i++ ) { if(collections[i].urlId.indexOf('beer-list') > -1){ recentUpdate = collections[i].updatedOn; } } createUpdateLinkDiv(); document.getElementById("updated-link").innerHTML = calcUpdatedTime(recentUpdate); }) .catch(function(error) { // If there is any error you will catch it here }); }); </script> #3 You can style the box by targeting #updated-at in your css here: Design > Custom CSS Let me know if you have any questions, I will try to help!
  2. @tuanphan, I just altered the built-in domain name so your link didn't work, sorry about that. I also ended up changing the background image a bit and that seemed to solve my problem for the most part. I appreciate your attention and time!
  3. @tuanphan I am still seeing the collage image get cropped on the left-side by the caption / the caption's background, so yes I still need help! Can you share a screenshot of what you see, please?
  4. Site URL: https://gw-draft1.squarespace.com/our-work/ledbury Site pass: bekind2020 Section in question: "Creating Opportunities" near bottom of page ----------- I'm utilizing a variety of "plug-ins" to achieve a desired site layout. The main one in particular allows you to create full-bleed, grid-style layouts via flex box. [https://courses.schwartz-edmisten.com/bundles/custom-layouts-in-squarespace] On this page, "Creating Opportunities" is actually just one section, with a background image (the collage), and text block (the caption). Schwartz-Edmisten's CSS code separates these elements so they stack side by side. My issue is between the screen widths of 1310-850px, the background image gets cropped on the left side. ( I can handle the code under 850px.) My first thought was to make the caption side's background transparent, but I couldn't quite get there--and I'm not sure it would solve the issue. Does anyone have any ideas? Thanks so much in advance!
  5. I've found a (semi) solution for my issue: I purchased Schwartz Edmisten's "Custom Layouts in Squarespace" course and within that there is unique code to get a banner image+caption to sit beside each other, and automatically order correctly on mobile. CSS only required. https://courses.schwartz-edmisten.com/bundles/custom-layouts-in-squarespace I say "semi" because I'm still trying to figure out if the ratio of the image + caption can be varied, i.e. 70/30. By default his code makes it 50/50.
  6. Yep, that's what I've done, checked on my iPhone (Safari).
  7. This site is currently a Trial Site, I will likely be purchasing the Business Plan for it
  8. I have the same question! There are many solutions out there for re-ordering *blocks* on mobile, but not *sections*. Here's my site in case it helps anyone with troubleshooting. https://gw-draft1.squarespace.com/ pass: bekind2020 My goal is for the homepage on mobile to read, after the "Golden Word connects brands and customers..." section : Photo - Magazine "Tailored, thoughtful, timely, thorough. " Photo - Jean jackets - (GOOD) "Meet our small, but mighty team." - (GOOD) Photo - Office "Work with us" Photo - Power of PR - (GOOD) "We can teach you, too" - (GOOD)
  9. @tuanphan Thank you for the suggestion! Sadly the page IDs are identical for the main events list page and the filtered-by page...
  10. @tuanphan Thanks so much! This worked, however it removed the intro banner on the main events list page (/events) as well. Do you know if there's any way to target the code to only apply to a "filtered by" results page (/events?tag=xyz)
  11. Is there any way to hide the intro banner section on the "FILTERED BY..." results page? Page example: https://theveil.squarespace.com/events?tag=Scott's Addition Goal: Hide the "Upcoming Events / Filter by location: ...." section at the top of the page, so the first thing you see is the "Filtering by: Scott's Addition" header. Template: Royce
  12. @paul2009 I have Ajax enabled, and inserted your code as written above into the Collection's header injection, and it's working...! Is this delicate in some way? (I know nothing about Ajax or javascript!) Should I move it into the Footer Injection area of the site instead? I'd prefer to leave it on the Collection so I can customize what it says for each summary block on the site, if possible.
  13. Thank you so much @paul2009, that worked perfectly! For anyone else trying the same: The script did not work in the page header injection (/nfk-events), but it did in the Index Collection header injection (/nfk).
×
×
  • Create New...