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

Overlay Pagination on Images #506

Open
cmpasc opened this issue Mar 1, 2013 · 1 comment
Open

Overlay Pagination on Images #506

cmpasc opened this issue Mar 1, 2013 · 1 comment

Comments

@cmpasc
Copy link

cmpasc commented Mar 1, 2013

Hi I just downloaded and started using and have a question. Can you overlay the pagination on the images? I moved the prev and next buttons on top of the image by adjusting the top and left. Then I tried to move the pagination up by setting a negative margin on the .pagination class. That moved the pagination list bullets up to the desired position; however, it seems to go behind the image instead of in front. I tried changing the z-index property to no avail. Any help is greatly appreciated.

@sibbl
Copy link

sibbl commented Mar 22, 2013

You can do this using CSS. Don't use negative margin, but try to set the container to position:relative and use position:absolute on the pagination container instead. Using position:absolute you can also define a z-index:3 for the pagination. Apply position:relative to the image container and prev/next buttons, and set the image container to z-index: 1, and the prev/next buttons to z-index: 2. This should solve the problem.

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