Donna_Vincent

If SS hosts the domain, there's a Move Domain to Another Site option.

it's fairly easy to do.  Here's some info.  I did mine a couple of years ago and did the same.

https://support.squarespace.com/hc/en-us/articles/205812098-Moving-a-domain-to-another-Squarespace-site?platform=v6&websiteId=63a354224250565778c9420c

I just had this question from a client and they aren't too happy that this can't be done.

Suggestion..   instead of the product specific shipping to be set up in each individual product, set up the shipping options under eCommerce (as we do now) and then for each individual product, be able to check off the shipping options that you want to show for that product.  This way if that shipping price changes, it only needs to be changed in one place -- under eCommerce / Shipping instead of going into every single individual product. 

 

On 9/1/2022 at 4:44 AM, paul2009 said:

Remove any custom code you are using (save it somewhere safe!) and then try using the QV feature. If you still experience issues then it is likely to be a Squarespace issue and I recommend that you reach out to Squarespace Customer Care. 

If the issue goes away, it is likely to be caused by your custom code, so you'll need to review this before adding it back in. 

I'm having the same issue.  I'm going to message Customer Care.  It was working on a website that was out for a while and now it's not working nor is it working on a new website that I'm building.

I'm having the same problem.  No images are showing on Quick View and they used to be.  

3 hours ago, elijah_aaron said:

Site URL: https://begonia-garlic-lpx7.squarespace.com

Hiya friends,
Picture attached. I targeted each of these buttons via their block ID's. Reducing the padding works great for vertical but does nothing for horizontal.  Example:  "block-id" {padding: 0 !important}

Adding spacers to the right and left isn't helping either.  I just want them nice and snug together. Usually I can find my answer on the forums, but no luck. Thank you so much for always helping me! 

 

Site: https://begonia-garlic-lpx7.squarespace.com/
pword: yes

 

 

Try this using the block id to isolate the button row row.   This worked for me.

There is a 17px padding on the left and right side of the buttons too.  Hope this helps.

block idxxx {

.sqs-row {

display: flex;
justify-content: center; }

.sqs-col-4 {

width:20%; }

}

If it's just one page,  you shouldn't need any navigation links!?  Your site is password protected so I couldn't look at your website.  If you want to share the password we can take a look and that might make things more clear.

You can move all the other pages into the Not Linked section and then when you are ready to have those pages go live, move them back up into the Linked section and they'll be back in the navigation.

You can also hide the header and footer with some custom CSS.   The collection id is the pre-launch page id.

#collection-6250..... { .header, #footer-sections {display:none !important;}}

Your site has a password.   We would need the password to view your site.

On 6/6/2022 at 1:19 PM, WendyLW said:

Thank You! Donna_Vincent

this worked perfect ⭐️

you're welcome.

On 6/4/2022 at 6:43 AM, RZTree said:

Hi Donna,

the thing is - I don’t want a solid background for section 1. I want an image for section 1. 

can you explain more about moving it with a margin?

thank you so much

Section 1 would have your image background. There are 4 different settings for the Header under Edit Site Header and Settings.  One may accomplish what you want to do without code.

55 minutes ago, WendyLW said:

Site URL: https://www.wendylwebb.com

I have css to center all buttons for mobile, though it won't work for image card buttons. 

what is best way to center all image card buttons on mobile ? 

try this  in your mobile query.

.image-button-inner {
  text-align: center !important;
}

If you select the solid header and you won't see the background under the header.   Edit Site Header / Style and select Solid.    Or am I missing something that you are trying to do?

You can also adjust the section background image and move it with the margin-top: xvh or x%.  
 

You're welcome.

You should be able to do a margin-top using a mobile media query and target  by section or block if needed.  Try this.

@media only screen and (max-width: 640px) {

.user-items-list-banner-slideshow .slides

{margin-top: -10hv;}}

There's also a 40px padding at the bottom of the title that you may want to decrease.

.user-items-list .list-section-title {padding-bottom:20px!important;}

Yes, you can create one section for mobile and a section for desktop and hide the one that shouldn't be showing on desktop and mobile.  It's just a little bit of code.

First, create your section that you want on the desktop and then add a new section for your mobile view.

//VARIABLES//

@mobile: ~"only screen and (max-width: 640px)";

@desktop: ~"only screen and (min-width: 760px)";

//hide mobile section on desktop//

@media @mobile {section[data-section-id="61a03d7xxxxxxxxxxxx"]{display:none!important;}}

//hide desktop section on mobile//

@media @desktop {section[data-section-id="61a03dxxxxxxxxxxxx"]{display:none!important;}}

Could this have anything to do with it:

.tweak-global-animations-animation-type-flex .preFlex {
    opacity: 0;

}

When looking at the Mobile Menu logo the opacity is set to 1 for the .tweak-global-animations-animation-type-flex .preFlex

10 hours ago, BethTheArtist said:

Thank you - this creates a different layout to all other stores on my site, doesn't it? What I would like is a whole product page set to 4:3 images rather than a separate block within a section and all other store pages set to 1:1 but otherwise identical in layout and design. Unless I have misunderstood. Thanks anyway. B

Not necessarily.  It would give you the option to change which store you want the 4:3 photos and then you can show the 1:1 photos for the other stores.   You can customize the summary block and all that you are showing is the title of the painting.  You can duplicate the page that you want the 4:3 photos, add the summary block, set it up with the photo and title to see if it would work for you.

On 5/4/2022 at 9:32 AM, sarahcreates said:

On 5/11/2022 at 9:17 AM, BethTheArtist said:

Site URL: https://www.bethanykohrt.com/

Hi there,

I would like to have different image formats for different store pages, meaning all images in one store 1:1 and all images in another store page 4:3. Currently I have to have one format across the whole website.

Any suggestions please?

Thanks in advance!

Beth

If you use Summary Blocks you can adjust the image sizes to what you want but then there are other limitations you might hit with Summary Blocks such as the max products of 30. 

15 minutes ago, HollidayHelp said:

How can i reduce the caption padding on images so it sits tighter to the image ?

Try this for an inline image. There is a margin set top and bottom.   If that doesn't work it would help if you posted your website.  

.preFade.fadeIn {margin-top:0px!important;}

17 hours ago, Merrilee said:

Hi

 

Given that this discussion took place over 2 years ago, has this capability been added? Like an earlier post, we have revamped our site and the old images are just clutter.

You can delete photos in your library but it is a one by one deletion.  It's a start and hopefully one day we'll have the option to batch delete.

4 hours ago, tuanphan said:

Your div code is missing a > character, it should be,see bold >

 

oops.. thanks for catching my typo.

I'd do an anchor link from the picture on the main page to the bio.

In a Markdown block on the bio page:
<div id="anchorname"></div>

The "anchorname" can be whatever you want to call the link. If you're doing bios, you may want to do the person's name.   You can put the Markdown block above the image block.

Within the Main page image link enter:   /pagename#anchorname

2 hours ago, MattyT208 said:

Is this possible?

Do you want the image description to overlay the image? 

If that's what you want to do, I've used this code.

.gallery-grid--layout-grid .gallery-grid-item {
  position: relative;
}
.gallery-grid--layout-grid .gallery-caption-grid-simple p {
  text-align: center;
  font-size:3rem!important;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple .gallery-caption-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gallery-grid--layout-grid .gallery-caption-grid-simple {

height:100%!important;
box-sizing: border-box;
 padding: 10px 40px;
 position: absolute;
  left: 0;
  top: 0;
}
 

1 hour ago, jbbbbbbbbb said:

Site URL: https://www.jordanbellvisuals.com/fine-art

Hello,

This is a question relating to the mobile version of the website. On the page 'fine art' my photos are displayed in a single column. I was wondering if there is some code that can add a small buffer between the left and right side of each image so that the images don't fill towards to edge of screen?

 

Thank you. 

You can adjust the width.  

@media screen and (max-width: 640px)

.gallery-masonry-item img  {

width: 85% !important;

margin: auto; 
}

20 hours ago, paul2009 said:

A fix for the CSS panel issue was rolled out a short time ago. Most sites should be working again now, with others following really soon 🥳.

@Obi-Wan @loisartz @Donna_Vincent @steve_plaster @nomadweek @laurel @Jacob35 @Kizzy @2birds @thefakedaniel @jonaverill @Asiya @Web_Solutions @Ainul @kerstinmartin

Thank you for keeping us updated.   The fix rolled out as I was working..  🙂