Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Handout Image Alignment

There must be something I'm missing. Is there really absolutely no way to align the handout image to be centered, instead of left? It drives me crazy !! Thanks.
1516410370
Lithl
Pro
Sheet Author
API Scripter
You could insert the image into the handout text, instead of uploading it as the handout's image.
Yeah, I know - but then the image won't appear in the Journal tab!
1516419396
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
The layout options are very limited.
You can accomplish this by customizing the in-game CSS with the help of a third-party browser extension (e.g. Stylish): @-moz-document url-prefix("<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>"), url-prefix("<a href="https://app.roll20dev.net/editor/" rel="nofollow">https://app.roll20dev.net/editor/</a>") { &nbsp;&nbsp; .handoutviewer .avatar { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: auto; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 20%; &nbsp;&nbsp; } } After installing Stylish for Firefox or Chrome , save the code above as a New Style.
1516468863

Edited 1516468973
Just to be clear, the Stylish fix will only change the appearance for the person who installs Stylish and the new style. It will not change the actual handout. You can also load the image into your favorite image editing software and pad image with some extra whitespace to the left. It will never be exactly centered on all browsers/resolutions this way though.
Yeah, that seems like the best way to go on about it, Rabulias. Thank you all very much for the help!