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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


brandon last won the day on August 20 2018

brandon had the most liked content!

About brandon

  • Rank
    Circle Leader

Personal Information

Recent Profile Visitors

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

  1. Thanks for the message @kinapark. I'm aware of the issue. I just have to find the time to fix it and, as you know, it's a bit rough out there at the moment. I do hope to tackle this soon.
  2. Hi @etgilbert. Well, it's been a long time, so I don't recall if I considered or attempted other approaches. But "how it affected the outcome...", was to create colored boxes behind the images. Perhaps you mean "affected the outcome compared to some other approach" such as using pseudo elements or JavaScript. Or perhaps compared to doing something with absolute positioning and breaking the relationship between the wrapper and the contents (that could work as well). You might even be able to do it with box-shadow or background positioning. There are probably multiple ways to solve this; I suppose the one above is what seemed easiest (or fastest, or most reliable, or most easily modified later) to me at the moment.
  3. Hi Peter. If you are referring to image caption/descriptions added using this code, then it's not currently possible. However, it is something I'd like to add. Perhaps I'll do that soon.
  4. Hi @glidinsk. Thanks for taking the time to post here. I appreciate hearing that it's helped out. Also, don't forget to like/upvote the original post when you can.
  5. Hi @EllieC. I definitely want to get back to that...I can see the issue. Unfortunately it might be awhile. But I'll post back if/when I get to it.
  6. @EllieC: You mentioned that you do not have an account that allows adding custom code. Therefore you cannot add it via a code block either. That is why I mentioned the Markdown block (not the code block).
  7. @EllieC: You'll need to add both the JavaScript and the CSS components (both parts are required). The JavaScript adds the captions. The CSS styles how they display. In some cases, you can add the JavaScript to a Markdown block on the page in question. That might not work due to how the script is initialized, but you can give it a try.
  8. Hi @goodwincreative. The function receives a string as its only parameter. That means what you pass must be a string, wrapped in quotes. You can then use single quotes inside the string. Like this: addGalleryItemDescriptions("section[data-section-id='5e584f84750bff750e72e2a8']"); Also, consider using the "<>" button in the toolbar when posting code on the forums. That makes it easier to read and check your code (and helps assure that the forum doesn't mess with it in some way when posting).
  9. I think the answer to that would depend on two things: How long before Squarespace releases this caption/description feature officially. Will Squarespace allow captions underneat, not over top, of the images if/when they do release the feature. I wish I knew the answer to those, @ClareLaLou, but I honestly cannot even guess!
  10. Hi @ClareLaLou. Having spent a few minutes poking around, I think that gets a little too complicated, and not something I can do with the time I have. Because Squarespace has it setup so that images are typically matching in height, I'd have to do a bit more study on CSS grids, then test quite a lot to ensure there were no side-effects for the various galleries. So, I'm afraid, there's nothing I can do about it at the moment.
  11. Hi @KariLivs. It seems the password "demo" doesn't work. Happy to take a look if access to the page can be had.
  12. @underscore, that should all be doable using CSS. For example, I've added `pointer-events:none` to the previously posted code. That prevents the hover from interfering with the click. To get a full width/height color overlay, it's simply a matter of altering the CSS in the original answer that includes the CSS portion of the code (you don't have to alter the JavaScript part). Another concern I'll share with you is this: consider what will happen for viewers who are on mobile/touch devices with no "hover" state? You're going to have to consider that, and write custom CSS accordingly. Keep in mind, there is currently no way to detect whether a device has a hover state or not (many Windows-based devices can be either or both at any given time). That is why I usually avoid hover-based UI in general (despite the fact that I am rather familiar with all of the various workarounds and have written quite a lot of code related to it). In any case, as I said you should be able to achieve what you're after using only CSS. If you need additional customization, you'll want to consider hiring a developer to help you.
  13. @underscore. Are you comfortable editing and writing CSS? If so, it's simply a matter of editing the applicable CSS in the original post. However, you can add this to it if you'd rather do that: .gallery-strips-item .gallery-item-description { opacity: 0; transition: opacity 0.5s ease-out; } .gallery-strips-item:hover .gallery-item-description { opacity: 1; } If that doesn't work, it's probably because you're not actually using the "strip" gallery design, but rather are using some other gallery design. In that case, it's just a matter of changing `.gallery-strips-item` to the corresponding class for your gallery type. -Brandon
  14. This can likely be solved by inserting the following CSS via the CSS Editor/Custom CSS: .sqs-mobile-info-bar-hide { transform: none !important; } -Brandon
  15. I've got an idea on how to do that, @TheDrawingGal. Let me see what I can do...
  • Create New...