Beyondspace

Please check out our plugin Lightbox Studio, I have make a step-by-step tutorial to Lightboxify Slide, Carousel and Stacked Gallery block

Hi @Ferdiii_Naaand,
I'm glad to help you. I understand the frustration this situation may cause. Here are some insights that might be helpful:
I've noticed that your new domain's home page is indexed, but the old domain's home is still showing on Google. This can be confusing for Google. That is why you are facing this issue.

To resolve this, I recommend adding your old domain as a secondary domain. This will enable automatic redirection to the new domain.
 
Once implemented, perform a live test using Google Search Console and submit an index request to refresh the data.  
 
I hope this resolves the issue. Let me know if you encounter any further difficulties.

Thanks,
Sadul Sifat.
 

Hi all, I just installed the Universal Filter Plugin to my products page. Is there a way to change the default styling? For example I don't particularly like the lines underneath the categories and the spacing is a bit off. Also how to control overall width? Thanks!

I would like to incorporate captions and links to the light box view of the gallery block of this page. I would like the user to be able to scroll through the list of paintings after they are in the lightbox function and also see the captions and be able to link to the specific product page this image is associated with.

I need some code that will turn a Gallery slideshow block into a (slideshow) lightbox when clicked. This is for a course collection page (so it's behind a paywall and I cannot share the URL.)
I purchased the Lightbox Anything plugin but it does not solve my problem. If anyone could help with this (opening a gallery slideshow block in a lightbox), it would be hugely appreciated! 
If this isn't possible, another workaround option that I'm currently using is an image block that links to a File that opens a PDF... But I want to be able to add a caption (or caption on hover) that tells people to click in to the image to open the file. How could I do this, and is there any way to use CSS to apply the same affect to all images within this course collection? (So I do not have to update the code for every class page I create, which will have different images and files but all need the same functionality of a caption on hover...)

Hello, 
first, I had my website connected to the domain globalexpofusion.com but I changed it to globalexpogroup.com. Then I deleted all DNS records in globalexpofusion.com and added the site verification from globalexpogroup.com. 
Now it is still giving me the error shown below. 
Any ideas? 
 
Help is much appreciated! 
Thanks, 
Ferdi

Amazing thank you!!

Thank you!! This worked great. I'm now wondering if there's a way to remove the logo when the menu pops up and only have the cross? Is this possible?
Appreciate your help!

Hi there! 
I'm wondering if I could get some help - my hamburger icon is disappearing when I open my full screen menu. I used this tutorial to create the menu: https://community.elfsight.com/t/squarespace-custom-fullscreen-burger-menu/18276 but it seems like the open menu covers the exit symbol when opened. I'd like the exit icon to be on top of the open full screen menu.
my site is: https://grouse-pepper-fl3e.squarespace.com/home
PW: 123
Current CSS: 
//show burger icon//
@media screen and (min-width:768px) {
.header-burger {
    display: flex !important;
    justify-content: flex-start !important;
  z-index: 1 !important;
}
.header-nav {
    display: none;
}
.header-actions-action {
    display: none !important;
}
.header .header-announcement-bar-wrapper {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}
}
@media screen and (min-width:768px) {
    /* Fix footer invisible behind page content */
footer.sections {
     z-index: 9999999 !important;
 }
/* change footer 2 sections to 100% height and 50% width */
footer.sections section:nth-child(3), footer.sections section:nth-child(2) {
    width: 50%;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    left: 0;
}
footer.sections section:nth-child(3) {
    left: 0;
}
/* move footer section 2 to right 50% */
footer.sections section:nth-child(2) {
    left: 50%;
    right: 0;
}
/* disable scroll when burger menu is open */
.header-burger--open body {
    overflow: hidden;
}
/* effect on 2 sections when click burger menu */
  body footer.sections section:nth-child(3), body footer.sections section:nth-child(2) {
    transition: transform 1.2s ease;
      top: 32px !important;
}
body footer.sections section:nth-child(3) {
    transform: translateY(-150%);
    transition: transform 0.75s ease;
}
body footer.sections section:nth-child(2) {
    transform: translateY(150%);
    transition: transform 0.75s ease;
}
body.header--menu-open footer.sections section:nth-child(3) {
    transform: translateY(-0%);
    transition: transform 0.75s ease;
}
body.header--menu-open footer.sections section:nth-child(2) {
    transform: translateY(0%);
    transition: transform 0.75s ease;
}
}
Any help would be much appreciated thank you!!

Hello. How can I get my product blocks to have rounded corners. The product blocks are in the "New Arrivals" section. My website is https://chrysalis-dog-f4na.squarespace.com/ password is 1234

Is there a way with custom CSS to remove the dates from blog posts in the Pacific template? 
https://www.impact2group.com/insights or https://eric-wagner-848c.squarespace.com/insights
Thank you

I figured it out...Thank you!

This code makes the element outside  of the mobile view

Try adding the following code to fix it
@media only screen and (max-width: 767px) { .tweak-footer-layout-stacked .Footer-nav { margin-right: 0; } } Let me know how it goes 

yes , exactly that 🙂 

Hello,
Do you know if it's possible to disable the link on the cover image of an article and keep only the link that directs to the article in the article's title?

Yes, this is possible and not too difficult assuming you have a little bit of a coding background. I just wrote up a detailed solution on Stack Overflow:
https://stackoverflow.com/questions/70988857/is-it-possible-to-use-the-information-from-a-single-cell-in-google-sheets-to-aut/78336076#78336076

@Beyondspace Thank you!  That worked perfectly.

I believe you are looking for a way to detect if the current page is in iframe or not. Paste this code into Footer injection and use the selector .sqs-in-frame to target your document and tweak it accordingly
<script> document.addEventListener('DOMContentLoaded', function() {     if (window !== window.parent && !document.body.classList.contains("sqs-edit-mode")) {         document.body.classList.add('sqs-in-iframe');     } }); </script>  

Move the breadcrumbs on web view
.pdp-form-wrapper .ProductItem-nav { position: absolute; top: 0; left: 0; z-index:9999; padding-left: calc(4vw + 9.6px); } .pdp-layout-wrap-around .pdp-gallery-images { padding-top: 85px; }

Is it possible to access an image that is in my gallery from a javascript that I injected in your code?
What is the url for the images in my gallery?

Have you tried adding it to Gallery Block Carousel yet?

This question has been posted before and it seems like Squarespace hasn't resolved this yet? After years?
It's absolutely crazy to me that you can't upload static images and mp4 on the same slideshow/gallery block.
Did anyone find a workaround to this? 

Hi,  I saw a Squarespace tutorial that said photos should be 1500 to2500 pixels wide.  I'm confused because it seems such large files would be slow to load.
Do you have experience with this?  Are these dimensions necessary?  I don't want to go below 72 dpi.
Thank you for any help!
Polina

Site URL: http://www.xaviervoirol.ch
Is there a way to change the display size of an image when it appears in the lightbox? When I click on a thumbnail, vertical images come with a size of 750 x 1125 px, but I would like them to be a bit bigger. At least a height of 2000 px or, even better, at full uploaded size (3000 x 4000 px). Actually, I need a hack to override the presence of the "?format=750w" taht appears at the end of the image URL.

Hello,
I am trying the following code in Code Injection:
<script src="https://hammerjs.github.io/dist/hammer.min.js"></script> <script> // Custom JavaScript code to enable pinch-to-zoom for Squarespace lightbox gallery document.addEventListener('DOMContentLoaded', function () { const lightboxImages = document.querySelectorAll('.gallery-masonry-lightbox-link img'); lightboxImages.forEach((image) => { const hammertime = new Hammer(image); hammertime.get('pinch').set({ enable: true }); }); }); </script> However I do not know the precise handle to select the gallery-masonry-lightbox image in the querySelectorAll. 
i.e. I would like to call the lightbox image, and unsure about this line in the code: 
'.gallery-masonry-lightbox-link img'
I have also tried using the following inside the '', to no effect: 
.gallery-lightbox-list .gallery-lightbox-item .yui3-lightbox2 .sqs-mobile-web-content-editing My aim is to open the image in lightbox and utilize pinch-to-zoom. 
Any recommendations? 
Thanks!