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

artpimpress

Circle Member
  • Posts

    63
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

  1. Thank you for the solution to add css to create the accordion affect. We would like to have the first "tab" open. Any adjustment advice on this? https://prism-bluebird-55bf.squarespace.com/speaking password: bair
  2. Site URL: https://jonathan-gaber.squarespace.com/work/bricks I was following this topic from a previous post but it seems my request for help got lost. As so many others, I am looking for a solution to show a caption in lightbox. The code below works but looks awful as it sits oddly on the art work. The other part of this is that I have added code to the caption to control bold and line breaks specific to art. If anyone can help I would be grateful and if anyone knows how to request this be added to 7.1 even better. Thank you! ------ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('gallery-grid-item'); var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item'); var countGalleryItem = itemGallery.length; for(var i = 0; i < countGalleryItem; i++){ if(itemGallery[i].getElementsByTagName('p').length != 0){ var text = itemGallery[i].getElementsByTagName('p')[0].textContent; var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0]; itemNeedCaption.appendChild(createNodeCaption(text)); } } }); </script> <style> .style-gallery-lightbox-text { padding: 10px 0px 25px 0px; display: block; position: absolute; left: 50%; top: 90%; width: 100%; transform: translate(-50%, -50%); font-size: .35em text-align: center; } .style-gallery-lightbox-text p { width: 90%; padding: 10px 15px; margin: auto; color: white; background-color: rgba(0,0,0,0.5); } @media screen and (max-width:767px) { .style-gallery-lightbox-text { top: 70%; } } </style>
  3. @tuanphan I am having the same problem. I used the code that you provided and the caption now shows in Lightbox but I had added a bit of code to make the title bold and control line breaks. Is there a way to make that work within the code? Thanks! The website is https://jonathan-gaber.squarespace.com/work/bricks Thank you!
  4. Was there a solution for this? I have the same problem.
  5. Thank you! That worked perfectly. I am so grateful.
  6. I am looking for the same solution and tried the code above. The logo keeps getting cut off and the navigation disappears. I have tried multiple times to reduce the size of the logo I upload but it doesn't make a difference. I do also have code to force the navigation to mobile so perhaps that is the conflict. If anyone has a solution, I would be grateful. This is the page https://verus-advisory.squarespace.com/thought-leadership
  7. I have a similar issue. We want to add an icon/logo to the upper left side of the header as well as the text version currently shown on the center. Any workaround for this? Thanks https://olive-dog-ss3h.squarespace.com/ password: thorne
  8. I am so sorry but it's still not working. Is it because I had changed some of the colors in the dark minimal theme first? I had changed the background to white. I tried to put it back to black but that didn't work. It's also odd to me that it works perfectly when I have the css/panel open but when I go to the pages, it's lost. I've taken up so much of your time, no need to respond. I am grateful for your help.
  9. Sorry, now it's not working. When I have the design/custom css tab open it appears to be working but when I go back to pages it disappears. The goal is to have this affect on all pages so I changed the color theme on a few of the other pages to the same as the contact. Could that have broken the code?
  10. logo uploaded now to site https://static1.squarespace.com/static/600f3d35e94eaf43b5a8ce4d/t/60115cba5931584164509e68/1611750587408/MGM-Capital-Investments-logo.png
  11. That works perfectly for the font change. The logo with black text is attached. So grateful!
  12. I am looking for a slightly different fix and hope someone can help. I am working with 7.1 and have a transparent header, we would like the logo and navigation fonts to be white but on scroll change the font color to black and replace the logo with one with black text. I am trying out other options on other pages but you can see what I am trying to do here on the contact page https://mgm-capital.squarespace.com/contact password: mgmcap
×
×
  • Create New...