Image alignment. This shouldn't be so hard.

Site URL: https://octopus-porcupine-ldts.squarespace.com/

Hi. 

I'm going through hell with this 7.1 site. I just want to have an image, below some text, and have it align left, with the text.

Should be simple. But strangely it doesn't seem to be.

I'm not trying to align text over the image. Just the image to sit on the left, instead of centred.

I feel like this is so basic I'm missing something REALLY obvious inside the convoluted settings universe of 7.1.

Please put me out of my misery.

As the site isn't live, please set a public password in the visibility settings and share it with us. 

Ok. The password is image

I'm not sure why the site needs to be seen for an answer to this question. It's a simple thing, no?

I've got nothing custom anywhere. I have this issue with all my 7.1 sites. 

Would love a solution.

8 hours ago, kateatkins said:

I'm not sure why the site needs to be seen for an answer to this question. It's a simple thing, no?

When we can see the site, we can look at the underlying code to understand how you've built the page - using columns, blocks and so on.

To left align all images like this, you could add this to Design > Custom CSS:

.sqs-block-image .design-layout-inline .intrinsic {
  margin-left: 0!important;
}

When Saved, it should change like this:

To limit the effect to this one image (instead of all images) you could use this instead:

.sqs-block-image#block-yui_3_17_2_1_1620092199082_4792 .design-layout-inline .intrinsic {
  margin-left: 0!important;
}

I guess I don't understand why it should require css. The entire point of squarespace is to avoid code. It can be slow, it can be fussy, but we don't have to code and it's always lovely right?? But yet here I am having to enter code for something that should be a simple preference... I'm disappointed.

 Amen!!!!!

Wasting hours lining up images---this used to be easy 100 years ago with the Squarespace 5 sites. And half the time it doesn't even look professional.  Super annoying and makes me want to switch to a different site.

+1. If Microsoft Word can do it, it feels like I should be able to do it on Squarespace.

On 5/7/2021 at 8:25 AM, paul2009 said:

To limit the effect to this one image (instead of all images) you could use this instead:

.sqs-block-image#block-yui_3_17_2_1_1620092199082_4792 .design-layout-inline .intrinsic {
  margin-left: 0!important;
}

 

Paul, how do you know what the code is for each particular image please?

13 minutes ago, Karina100 said:

how do you know what the code is for each particular image

Take a look at my guide to using CSS and my guide to block IDs.

Thank you Paul, I have made the changes. My brain aches a bit, but I am pleased to have resolved the problem. Thanks for your help!

35 minutes ago, Karina100 said:

Thanks for your help!

You’re welcome. And you’ve gained a new skill 👏

2023 and this problem still persists. Quick fix is to create another text box above or below the stand alone image and click-drag the image into the new box. Seems the image needs to be nested so that you can assign it an alignment. Hope this helps.