Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Align images to center? #5

Closed
sam327 opened this issue Nov 4, 2013 · 2 comments
Closed

Align images to center? #5

sam327 opened this issue Nov 4, 2013 · 2 comments

Comments

@sam327
Copy link

sam327 commented Nov 4, 2013

Is it possible to align the images to the top center rather than the top left?

I've set up an image strip across the page (as a section divider). It's 200-pixels tall and 100% wide. Freewall is working out really well for this on most size screens. But on a really wide monitors (like my giant 2560x1440 monitor), I run out of images to fill the space.

Is it possible to make the freewall block align to the center? Right now, the images start on the left side, and then fill in until they run out. And I'd rather have the whitespace be even on both sides instead of it be all on the right.

The fallback plan (as much as one exists) is to set a max-width on my freewall div and then center that. And that max-width number will be whatever it takes to fit all my images.

@kombai
Copy link
Owner

kombai commented Nov 5, 2013

Could you give me the screenshort of your layout or mockup, which you expect. I will find the best solution for it.

@kombai
Copy link
Owner

kombai commented Nov 6, 2013

One of soulution you can set width for freewall container after arrange by using onComplete event, also neet set it with margin: auto;

wall.reset({
...
...
onComplete: function(container) {
container.css({
width: container.attr('data-wall-width')
});
}
});

@kombai kombai closed this as completed Nov 13, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants