How to justify image stack with CSS

Classic Stacks
1

I can’t figure this out.

I know that I give the image a tag in the CSS section of the image stack settings and then I target that tag with justify CSS, but I don’t know the details to get it to work. Everything online is about plain code, not RWC image stacks.

So far I’ve been putting them in text stacks and then justifying them, but I can’t change the image size this way.

Thanks!

2

Hi, can you give us more informations about your config (RW? Stacks? Framework?) and what exactly you want to do with your image ?

1 Like
3

Send me an email :slight_smile:

Cheers
Jannis

1 Like
4

I am using RW classic and stacks and if I just add an image to a regular image stack, the image is always centered. I often want to left justify it.

If I put the image into a text stack I can left justify it easily, but I can’t resize it and I’m not sure this is ideal code wise.

So I’d like to be ale to left justify images in image stacks. At the bottom of the image stack settings there’s a spot for CSS and my web developer has in the past used CSS in image stacks by adding a very brief tag or name in this CSS section, and then targeting that name using

in the CSS section of the page.

So this is, I imagine how to do it, but when I try things it doesn’t work. so I just need to know, if this is the correct approach, what to put in the CSS section for the image, and what code to use in the page settings to left justify it.

Thanks!

Thank you @instacks I’ll email you if no one responds here otherwise I’ll save you the time :heart:

5

Hi, within the stacks image inspector, you can change the fill mode Layout from Fill to Flexible, then choose Align Left and adapt Flexible Width to your image size. It appears centered because of its width and heigh sizes in the Fill mode. Hope that helps.

6

I am only just back with RW after a long layoff and am starting to get the hang of Stacks. My process for what you are doing is drag a 1 column stack onto the page, and then drag the image stack into that space. Drag the image from finder on to the image stack.

In Preview it will be full width of the page. Go back to edit mode and click on the image. In the Page Inspector click on the Stacks tab. Under fill mode you can click on Fixed Size and reduce the size to what you need. Below that is the box for alignment.

I might be doing it all wrong but it works like a charm and no manual coding is required.