Does anyone know how to align an image if using Instack’s Remote Image Stack. Is a great stack for linking to warehoused images but am not seeing an easy way to align left, right or centre. Any help appreciated.
Or what other stacks do people use for a simple warehoused image stack?
Thanks Robert. That would certainly do it, though was hoping for one that had a few more settings for sizing / responsive behaviour. The Instack’s one is great apart from an alignment option:
Unless I am misreading, the instacks stack allows you to define your own CSS class for use with the image. It would be a nothing thing to add that class to your global CSS container which, in turn, gives you pretty much full control over the image alignment.
Stick a class name like ‘centredRemoteImage’ into that setting, point it to an image somewhere, publish a test page and come back here to tell us the URL to the test page. We can then give you the CSS to do what(ever) you need.
Thanks. Yes - I will do this. I had just thought there might have been a stack that didn’t need this extra work. Seems like an odd omission in the Instack’s stack.
And thanks @robbeattie. I do have that stack and it would have worked fine except you can only set the width to be a % of the container. I want to set a max width.
@habitualshaker
Ah, but you won’t be saying that if you ever decide that you want to change the alignment of the images to, let’s say, right side, and to achieve that change on every image in your project you only need to modify a single line of CSS.
@webdeer
Calls it correctly, as usual, IMHO - everything you need is right there, you are just not used to working with things in your project that way, yet.
is hard to imagine a scenario where I would suddenly need to right align all centred images. I take your general point though and I do understand the power and advantages of using CSS but still think a left, centre and right align option within this stack would be useful.
The image alignment (left, right, or center) wouldn’t be applied to every image. If the stack had this option, it would use CSS to make it happen. I agree that it would be a nice future enhancement that I’m sure Janis (@instacks ) will consider adding.
In the meantime, you could just add a class name to the one or more image(s) you want to align and insert the simple CSS.
You could add classes called left, right, and center and have all the alignments you’re asking for, today no waiting.