caffeinateddiabetic

Just to bump this, because it's still an issue. Trying to resolve it now myself, with the link that was posted above, but the fact that we're having to change out photos that aren't even listed and showing in the listings is bizarre.

That seems to be the code to move it up as needed, now just messing around trying to see what order works best in the template and if I can change the actual spots of the buttons/item indentations.

PC looks a bit weird, aligned to the right, mobile looks fine aligned to the left. Could just be mobile looking right because of the size limitations, but the variant selection box is above the description now, which is what I wanted.

Thanks again!

Thanks for the link, taking a look now!

I'm trying to get the "Bracelet Size" variant selection box to be above the item description, like the "Add to Cart" button is now.

I used code for 7.1 yesterday to move the "Add to Cart" button above it, but the variant selection box needs its own code? Unless I'm missing a setting to move it around in the edit design area?

Here's the link I included above:

https://www.hyperspacecoffee.com/shop/p/2ufpr1p787c0z7jievsvidzu395u69

On 1/2/2022 at 11:49 PM, creedon said:

 

I did a quick search trying to find a solution to my issue, and think this might be the thread, not 100% sure. Didn't want to start a new one, but I can if that's what should be done. Basically, I've uploaded images to my Squarespace site some time ago, but some of the images are cutoff, and don't show fully unless you right click and do the, "open in new window" thing.

I really wish Squarespace would just tell us what the sizes for our photos should be, and then adjust them accordingly to they fit the box. Am I missing something, and is there a way to do it? (I've seen the ratios, and messed with them, don't think that's it?)

Here's one product listing showing the third image being weird, and depending which page landing I'm looking at, the first two sometimes look weird:

https://www.hyperspacecoffee.com/shop/p/lhhrmimemy82xmiz9tkyipj4fsp7du

On 12/16/2022 at 3:46 AM, tuanphan said:

Add this under your code

@media screen and (max-width:767px) {
section[data-section-id="5f896039acd2fc474d260fea"] .section-background {
	background-size: contain;
}
}

This seems to have solved it! Thank you very much!

I've been attempting to make my website more streamlined and updating images on it the last several days. I've been googling and YouTubing a lot of solutions, but currently have an issue I'm not 100% sure for the CSS coding on, but I think this is the right place?

I have changed my shop's background image using CSS, and it looks fine on desktop, but the mobile version seems to be stretching/blowing up the background image, but I'm not 100% sure what the issue is (maybe it's an older photo I had on the site that is somehow being used on the mobile side?).

Here's the link to the page:

https://www.hyperspacecoffee.com/shop

Images attached for my mobile (first) and desktop (second image) views of what I'm seeing.

4 minutes ago, creedon said:

On your Store page click the Edit button in the upper left.

Hover over the page section for the store and click on the pencil button.

Change the number of columns.

 

Save your changes.

Let us know how it goes.

It worked! And I was able to change the aspect ratio on the images there as well, which I needed to do.

Thanks for the help! Do you drink coffee?

6 minutes ago, creedon said:

As @tuanphan mentioned the shop page sounds like a good place to start.

If you're not already on the shop page. Go to Home > Pages and click on the shop page (the page for your Store).

Then get into Full preview of pages mode.

You can then give us the URL for that page by copy it from the address bar of your browser.

 

That worked! I just tested to make sure:

https://disc-fish-b397.squarespace.com/shop

COFFEE is the password.

I already had another template up and going with 3 rows each, and it was going well, but being new around here, doing 40 things wrong the first time seems to be my current method.

When I signed up for the monthly subscription, I thought it would be over all the templates, until I hit publish on one of them...not realizing it was locked in the template I had done the least work on at that point, which is this one....

Thank you! New to everything around here, so still learning as I go.

I just got the site-wide password up, but now trying to figure out which link to share for it.

Is there a specific link you need, because the default template links didn't work when I tested it in Firefox just now, but again, I'm figuring this out as I go.

It's not officially published yet, do the links from the templates work that way?

It's the only reason I didn't share it.

I currently have 4 items showing per row, but only want 3, as I'm hoping it will help display the images better if they are square and not rectangle.

I'm new to Squarespace, and still trying to figure things out as I go.