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

Suggestion: Adjust default styling for figcaption #233

Open
giorov opened this issue Jun 3, 2020 · 0 comments
Open

Suggestion: Adjust default styling for figcaption #233

giorov opened this issue Jun 3, 2020 · 0 comments

Comments

@giorov
Copy link

giorov commented Jun 3, 2020

There's a problem with the default implementation which is very simple to fix, i.e. while the property "width: 100%" is applied, the caption only starts where the image starts, so it ends up not being truly centered when the full size image is not as large as the viewport width.

To fix this I just added the following:

#baguetteBox-overlay .full-image figcaption {
left: 0;
padding: 1rem .5rem 1.5rem .5rem;
}

I put in the padding to make long captions more attractive and easier to read.

Thanks for making such a great lightbox!

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

1 participant