Beyondspace

3 hours ago, wagneric said:

Is there a way with custom CSS to remove the dates from blog posts in the Pacific template? 

 

Thank you

Could you share your url?

11 minutes ago, moonlitdesign said:

Try the following Custom Css code

.newsletter-block .newsletter-form-field-wrapper {
  min-width: unset;
}

My testing

13 minutes ago, CoralJuneDesigns said:

I added CSS to add a boarder around my navigation however the cart element has moved under the navigation and I would preferably like it in line or above in the right corner, Any tips would be appreciated. I have added an image, and the code used was:

/* Fullwidth navigation border*/
.header-announcement-bar-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex: 0 0 100% !important;
    margin-right: auto;
    width: 100% !important;
}
nav.header-nav-list {
    display: flex;
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.header-nav-item a {
    line-height: initial;
    padding-top: 10px !important;
    padding-bottom: 10px !Important;
}
.header-nav-item {
    border-left: 1px solid white;
    border-right: 1px solid white;
    margin: 0 !important;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-left: -1px !important;
}

Can you share your URL so I can take a look?

11 minutes ago, hello_studiofrey said:

Hello,

I would like to add a hover effect on the image block to display the project title. Basically the same thing that works well on the Portfolio page. I haven't found in the forum if anyone has figured out a solution using custom code?

I am attaching a place on the homepage where I would like to have this hover effect inserted. Also, I'm attaching the same effect that works well on the Portfolio page. I would basically like to achieve the same thing on the homepage. 

https://dreisicht.squarespace.com/
pw: SF2024

Thank you very much for your help!
Natasa

You can try adding to Home > Design > Custom Css

section[data-section-id="661e9aa92a1d6413ca9b2fdb"] .sqs-block.image-block.sqs-block-image .sqs-block-image-link:after {
  content: '';
  display: block;
  background: rgb(218,213,206);
  opacity: 0;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

section[data-section-id="661e9aa92a1d6413ca9b2fdb"] .sqs-block.image-block.sqs-block-image .sqs-block-image-link:hover:after {
  opacity: 0.6;
  transition: opacity 0.5s;
}

Here is my testing

Let me know how it works on your site

6 hours ago, Oddish said:

Hi, is it possible for the caption/title of gallery images to sit on top of the image in a grid:simple layout?

Ideally, it would sit bottom right hand corner of the image (with some margin) and with a coloured background behind the title text so its easy to read.

Any help with custom code would be appreciated!

Can you share your URL to the section which you want to add caption/title? We can check it easier

6 hours ago, David_Cass said:

Hello, 

Is there a CSS code that might help me align the text and image sections of an Image Card? The in progress webpage here will feature several image cards, all with different sizes of images and lengths of texts. To keep the page tidy, I'd like the tops and bottoms to line up. Maybe there could be a "squeeze" into the image for those in which the image is smaller than the text box? Thank you!

Can you share your URL so I can take a look?

1 hour ago, moonlitdesign said:

Hi there, i have a float newsletter block at the bottom of my homepage, i have reduced the width / length / size of the form fields, but now i am left with a large padding / margin / gap / distance between each field. 

is there a way to reduce / decrease this so it's like a 5px gap ?

thanks! 

 www.moonlitdesign.uk/home-old

Do you mean this block?

I check that it is fine now. Have you figured it out?

1 hour ago, koocm said:

I'd like to create anchor links or navigation links for the main menu that directly link to each expanded view of each accordion item.

Is there a way to do this? I've tried searching the forums and documentation but haven't found a clear solution yet. Any help or guidance would be greatly appreciated!

 

Can you share your URL to this page so I can check it easier?

34 minutes ago, kojj said:

yes , exactly that 🙂 

use this css in Custom css

.blog-item .blog-image-wrapper {
  pointer-events: none;
}

37 minutes ago, kojj said:

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?

so you want to disable clicking on the thumbnail on blog post's thumbnail on blog page?

I checked on the resolution of IP11 and it works properly. Have you tried refreshing this page again? Make sure that you do not zoom in on the browser

2 hours ago, SMpi said:

I am learning code and I am trying to do the following on the product pages

1. move the bread crumbs above the image on web navigation

2.  Add breadcrumbs to the mobile navigation above the image (without adding text blocks ) on product page

3. reduce the image size on mobile nav product page

4. move the X on mobile nav over to the left a bit

5. Add word "Menu" above the X on mobile nav

 

https://ottawa-privateinvestigator.com/piservicebooking/p/bugsweep-tscm

 

 

Any guidance would be appreciated!!!

 

Thank you!! 🙂

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;
}

1 hour ago, nitzin said:

Hi,

On my current website, I have a custom header which works great on desktop but the 3 bars on the mobile display is too far to the right (at the edge of the screen and not on the white pill shape). Is there any way to fix this? Here is the current code I'm using for the navigation:
 

.header-title-nav-wrapper {
  border-background: #FFFFFF}

@pilo-bar-background: #FFFFFF;
@pilo-bar-padding: 5px 25px;
@pilo-bar-border: 0px solid #000;
@pilo-bar-radius: 30px;

.header-title-nav-wrapper {border: @pilo-bar-border; background: @pilo-bar-background; padding: @pilo-bar-padding; border-radius: @pilo-bar-radius;}

Here is the password for the site:
raccoon-vuvuzela-kxxa.squarespace.com
Password: SMJ

Have you fixed it yet?

I check that it works properly on my device

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>

On 6/7/2023 at 1:00 AM, HadiAlexandre said:

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?

You can right click on the image on Assets Library and choose Copy Image URL 

On 6/10/2023 at 12:43 PM, sarasalad said:

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? 

Try Classic Gallery block on 7.1

On 7/31/2023 at 1:03 AM, AKN said:

Hi @tuanphan , any recommendation here? 

 

I added this to the things I have tried, and it also does not work: 

'.gallery-lightbox-item img'

Thanks for any and all help!

This is exactly what Lightbox Studio offering: pinchzoom and max out the resolution of images (2500w)

PLAYGROUND

On 12/8/2023 at 6:50 PM, Matthias39682 said:

Did someone already find a solution for this? 

Thanks a lot!

Matthias

Squarespace proceed all uploaded images and created 7 version of them, the max resolution images you can download from Squarespace is 2500px, regardless how big your image is.

Regarding to download url, our plugin Lightbox Studio support download button out of the box, you can insert a Gallery block: Slideshow on your site and let user download images from the lightbox view

On 12/15/2023 at 4:50 PM, Atefeh said:

Hello,

I recently created a website for my artist friend. We decided not to use the gallery option because we weren't satisfied with the available choices. Instead, we used image blocks.

Now, I want to add captions specifically for the lightbox feature. When visitors click on her pictures, they should be able to read the captions.

As you can see in the screenshots, there doesn't appear to be an option for inline captions or caption editing for images.

Could you please help me with this? I would greatly appreciate your assistance.

With Lightbox Studio, you can show caption on your images and connect these into single lightbox gallery as well, please check out the dedicated URL for your site below

PLAYGROUND

On 12/28/2023 at 2:02 AM, MynameisJen said:

I have the same question - can someone please help with this? I am trying to create a blog entry and considering they have blog post pages, the layout options seem ridiculously limited. Am I expected to re-upload all the images that I already put in the asset library just to be able to post multiple images in a single section?

Use Summary Block to reuse gallery images is actually a good method, I also had a dedicated post about this , but with the latest Classic Gallery block, you can reuse images in the Gallery block too!

On 12/15/2022 at 8:22 AM, harveylm said:

When I put a gallery up the "use from existing collections" does not sync with the asset libraries and has nothing. Why is this?

On 7.1 Use Existing Gallery is disabled by default, so it always empty when you select that Option

Looks like you need a Gallery block to place it side-by-side with the text block. Checkout out Classic Gallery block to insert gallery block to section

On 1/26/2024 at 11:08 PM, PaulaGphoto said:

Is there any way to add a "click to zoom" to images? I had this feature in my ancient old website.

Thanks.

Do you mean enlarge like a lightbox?

On 3/22/2024 at 10:29 PM, EuSmirnoff said:

Hello,

I'm looking to add AI-generated images to my website. Has anyone used AI image services like Kazimir.ai with Squarespace? I need advice on tools or APIs for this.

Thanks for any help or suggestions.

Squarespace does not expose their API for image handler, so I think you will have to manually download the images and upload manually

On 3/22/2024 at 2:42 AM, Alissa_avaarts said:

I'm trying to adjust/enlarge the images I have in a slideshow gallery block.  They "max" out when I try to enlarge them.

Any help?

 

Thanks,

Alissa

Similar to this?

https://beyondspace-showcase.squarespace.com/lightbox-demo