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


  • Content Count

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Sorry this is late, I had other deadlines to work on. This worked for the people page but not the project page -Site URL: https://corn-apricot-zn88.squarespace.com/portfolio. I thought Collection would be the same. (PW: BA47) Thoughts?
  2. Site URL: https://corn-apricot-zn88.squarespace.com/staff-blog-test I added a scale on hover effect to my personnel summary block. It worked absolutely fine until I looked at it today. I have not changed any CSS. Now the scaled up image bleeds outside of the box. It should not be visible between the images. Is there something I can add. (site PW is BA47) I tried an override with "overflow: hidden" but it does nothing. This is the ENTIRE code for the hover effect and title overlays that is in the CSS. It is used on the personnel page and portfolio page. @sbg-6_title-font-color: #e86335; @sbg-6_title-case: uppercase; @sbg-6_title-letter-spacing: 0.1em; @sbg-6_title-font-family: 'arial'!important; @sbg-6_title-font-size: 20px; @sbg-6_title-font-weight: normal; @sbg-6_title-paddinng-vertical: 90%; @sbg-6_link-font-family: 'arial'!important; @sbg-6_link-font-size: 18px; @sbg-6_link-case: varies; @sbg-6_link-font-weight: normal; @sbg-6_link-font-color: #000000; @sbg-6_link-letter-spacing: 0.1em; @sbg-6_excerpt-padding-vertical: 0; @sbg-6_excerpt-padding-horizontal: 10%; @sbg-6_excerpt-font-color: #000 !important; @sbg-6_excerpt-font-family: 'arial'!important; @sbg-6_excerpt-font-size: 14px!important; @sbg-6_excerpt-font-weight: normal; @sbg-6_excerpt-line-height: 1em; @sbg-6_excerpt-case: none; @sbg-6_clickthrough-option: auto; @sbg-6-metadata-bg: rgb(234, 226, 234); @sbg-6_metadata-padding-vertical: 10px; @sbg-6_metadata-padding-horizontal: 30px; @sbg-6-metadata-font-color: #fff; @sbg-6-metadata-case: uppercase; @sbg-6-metadata-letter-spacing: 0.1em; @sbg-6-metadata-font-weight: bold; @sbg-6_hover-time-overlay: 1s; @sbg-6_hover-time-content: 0.7s; @sbg-6_hover-time-image: 0.5s; @sbg-6_hover-scale: 1.2; @sbg-6_hover-overlay-bg: rgba(255, 255, 255, 0.7); @sbg-6_mobile-excerpt-padding-vertical: 5%; @sbg-6_mobile-excerpt-padding-horizontal: 5%; @sbg-6_mobile-overlay-bg: rgba(234, 226, 234, 0.5); @sbg-6_mobile-title-font-size: 20px; @sbg-6_mobile-excerpt-display: block; /* This displays the Title */ .sqs-gallery-design-autogrid { //Grid layout .summary-thumbnail-outer-container a { margin: 0 !important; } //Grid overlay .summary-content .summary-title { color: @sbg-6_title-font-color; font-family: @sbg-6_title-font-family; font-size: @sbg-6_title-font-size; font-weight: @sbg-6_title-font-weight; letter-spacing: @sbg-6_title-letter-spacing; margin-bottom: 0; text-transform: @sbg-6_title-case; word-break: break-word; } .summary-title::after { content: ""; display: block; } .summary-content .summary-excerpt p, .product-price, .summary-metadata--primary { color: @sbg-6_excerpt-font-color; font-family: @sbg-6_excerpt-font-family; font-size: @sbg-6_excerpt-font-size; font-weight: @sbg-6_excerpt-font-weight; line-height: @sbg-6_excerpt-line-height; text-transform: @sbg-6_excerpt-case; } .summary-read-more-link { color: @sbg-6_link-font-color; font-family: @sbg-6_link-font-family; font-weight: @sbg-6_link-font-weight; letter-spacing: @sbg-6_link-letter-spacing; text-transform: @sbg-6_link-case; } .sqs-gallery-meta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: @sbg-6_excerpt-padding-vertical @sbg-6_excerpt-padding-horizontal; position: absolute; top: 0; pointer-events: @sbg-6_clickthrough-option; -webkit-transition: background @sbg-6_hover-time-overlay; -o-transition: background @sbg-6_hover-time-overlay; transition: background @sbg-6_hover-time-overlay; width: 100%; } .summary-metadata--secondary { background: @sbg-6-metadata-bg; padding: @sbg-6_metadata-padding-vertical @sbg-6_metadata-padding-horizontal; position: absolute; bottom: 0; left: 50%; text-align: center; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 999; } .summary-metadata--secondary a { color: @sbg-6-metadata-font-color; font-family: 'montserrat'; font-size: 13px; font-weight: @sbg-6-metadata-font-weight; letter-spacing: @sbg-6-metadata-letter-spacing; text-transform: @sbg-6-metadata-case; } .summary-title, .summary-metadata--primary, .summary-read-more-link, .summary-excerpt, .product-price { opacity: 0; -webkit-transition: @sbg-6_hover-time-content linear; -o-transition: @sbg-6_hover-time-content linear; transition: @sbg-6_hover-time-content linear; } .summary-metadata-item::after { display: none; } .summary-thumbnail { -webkit-transition: -webkit-transform @sbg-6_hover-time-image; transition: -webkit-transform @sbg-6_hover-time-image; -o-transition: transform @sbg-6_hover-time-image; transition: transform @sbg-6_hover-time-image; transition: transform @sbg-6_hover-time-image, -webkit-transform @sbg-6_hover-time-image; } //Grid hover mode .summary-item:hover { .summary-title, .summary-metadata--primary, .summary-read-more-link, .summary-excerpt, .product-price { opacity: 1; } .summary-thumbnail { -webkit-transform: scale(@sbg-6_hover-scale); -ms-transform: scale(@sbg-6_hover-scale); transform: scale(@sbg-6_hover-scale); }
  3. Hamburger menu styling: I have hamburger menu on the desktop, using 40% of the right side, so that our main image is still mostly visible, but when I click a submenu - such as Firm, the main menu moves to the right and is still visible as an almost ghost image. Is there a way to fix this? site: https://corn-apricot-zn88.squarespace.com/ PW BA47
  4. @jpeter Still no luck. It pulls click-thrus for all the posts, even the ones numbered 13. I can give you PW for the site to see what is happening. I removed the global code I had that turned off all clickthrus for that block as it didn't seem to make a difference. I don't know JS well, but it seems like it should just be pulling click-thrus for 0-12. site is: https://corn-apricot-zn88.squarespace.com/staff-blog-test PW BA47 conversely....is there a way to target just specific data start index numbers?
  5. @jpeter I am on 7.1 so my individual page doesn't have footer injection. If I add it to the global footer, will it only work for that one section or will it mess up my other blog summary block? Thanks! PS. I am not used to 7.1 yet 🙂
  6. @jpeter I haven't worked with JS much. I added it to the header injection, between <script>. I added a bunch of images to the blog to test beyond the no. 12. I can reorder them once I figure this out so data-start-index 1-12 are the right people. I have tried two things: 1) turn pointer events to "auto" in my CSS uding block ID, and keep the JS as-is: result is that the summary items still all link out. 2) turn pointer events to "none" and keep JS as-is: result is that the summary items all link out - regardless of their data-start-index. For instance data-start-index="13" is clicking through. Am I missing something I should have changed in the JS code? Perhaps something in here? if(index) { index = Number(index) + 1; if(index > LIMIT) { event.preventDefault(); } Thank you so much for any help - I figured this was going to be a little tricky to do on Squarespace.
  7. These are the people that need click-thrus. There will be 70 more added later that do not need to link to their blog pages. I just tried the target order, but with the filter, the top 12 always link. So if I have more people (staff) and I filter them, then the top 12 will link. I am beginning to think there is not a way to do this.
  8. @SKYW4KR Did you figure this out? I am trying to stop the links for about 80% of the images/titles on my blog summary post, but there is no block ID for each image/title, they are all yui ids that change each time. I tried disabling the whole summary's links then just forcing the 12 I do need to work... but... My code is as follows with the bold part being what changes (of course) and doesn't work. //remove link in staff blog div#block-yui_3_17_2_1_1590076520498_4551 .summary-title-link { pointer-events: none; } //add link to jordans profile #yui_3_17_2_1_1591131927780_981 .summary-title-link {pointer-events: auto!important;} <--- no block ID that I can see for this image Thoughts? I
  9. @tuanphan Password is BA47. The 12 people shown right now are the only ones we want to link to their blog, the rest we want the rollover, but not the link. I do not have the other 70 loaded yet. I tried.... //remove links in staff page div#block-yui_3_17_2_1_1590076520498_4551 .summary-title-link { pointer-events: none; } then for each one I WANT to have a click-thru I do: #yui_3_17_2_1_1591127293731_910 .summary-title-link {pointer-events: auto!important;} BUT the yui for the summary-title keeps changing each time I reload so I cannot figure out how to make it stay! Am I using the wrong number?
  10. Site URL: http://www.corn-apricot-zn88.squarespace.com/staff-blog-test Hi. I am using the Universal Filter plug in to filter a blog summary block (with categories and tags) as our team page. We have 80 employees. 10 will need click-thrus to their blog page, the other 70 will not. We want them all in the same summary to show us as a team! Is there a way to stop the click-thrus on the image and title of 70 of them? For example, I tried to use the section ID for the title and the image to stop the click-thru or pointer, but it didn't work. I know it will be a lot of work to find all 70 IDs but I am willing to do it if there is a code to stop the click thru. I MAY be using the wrong code. I don't see much about disabling links other than the toggle that disables the WHOLE summary. I can see the a href in the inspect, but don't know if there is a way to disable it. On the page the one I have been trying is the first image (Ellie). Thank you!
  11. Hi @Brandon I am using the original code in a gallery page (grid) in 7.1 it works except that I'd like both title and description over the image. For example Name, title on first line / description underneath. no matter what I do to the code it seems to only move the description up or down under the photo under the title, but never over the photo. I am usually good at CSS, but not with the absolute/relative positioning that 7.1 seems to use. And I assume I need to add an override for the description so that it appear over the photo also? i did have a rollover code that did this, but yours overwrites it. Can I just go back to it and add an !important to that piece of code? I can send you the website link if that's necessary.
  12. Hi. found out you can add tags to the photo descriptions in a gallery and then the UF works, but it only does tags and I need 2 categories. I am still working on it. I am going to try a summary block and see if that works. I'll let you know
  13. Hello I am working on a project page for a design firm in 7.1 The PLAN was to make a project gallery and then use the Universal Filter (https://www.squarewebsites.org/products/universal-filter) to filter projects by type/service/etc... and do so via TAGS and CATEGORIES The user would filter, then clock on the image and then it would link to a project page. An example is here (https://corn-apricot-zn88.squarespace.com/gallery). If you click on the first image (fire station) you see what we want visually. But we NEED them to filter! Now I see that the only place to add tags is in BLOG posts, not in portfolio/gallery pages or gallery block (I have re-added the gallery block to our 7.1) We do not want all the info with the blogs showing in either the summary or project page, we just want photos with a rollover. The Filters says "Universal Filter plugin works with any Squarespace List Collections: Blog, Products, Gallery, Events, Album or Custom Post Types. Also, it works with Blocks which capable to show List Collections: Summary Block, Gallery Block. Some templates has Index of Galleries structure - this also may be used with Filter." But I cannot see where to add categories/tags in anything except blog posts to make this work. Is there a way to add TAGS to the portfolio or gallery blocks? Or is there a workaround with make the summary blog block work without all the text? Thanks
  • Create New...