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 .
×

Added img tag into CSS and my sheet's formatting is now broken, can't repair

1616519969
Colin
Sheet Author
Hi all, I'm looking for some help. I recently added an image into my character sheet and decided to put some CSS in to re-size it. I added the following into my CSS file: img { max - height: 100px; } Now the formatting is thrown off on my sheet. Here's what it used to look like: And here's what it looks like now: I've taken all code out and reverted to previous versions of the HTML and CSS files but I can't repair it. Any suggestions? Thank you! Colin
1616520667
Kavini
Roll20 Production Team
Marketplace Creator
Sheet Author
Compendium Curator
Hi Colin, It would help if you could make Github gists of your code to help identify issues :) Cheers, Nic
1616521190
Colin
Sheet Author
Thanks Nic, here's a link to the HTML file: <a href="https://gist.github.com/heybeardo/cad17e198d23550f42b7ef3d1a602b13" rel="nofollow">https://gist.github.com/heybeardo/cad17e198d23550f42b7ef3d1a602b13</a> And the CSS: <a href="https://gist.github.com/heybeardo/bfe5a2c5e635e85f123219ca185071f9" rel="nofollow">https://gist.github.com/heybeardo/bfe5a2c5e635e85f123219ca185071f9</a> Cheers! Colin
1616521800
Andreas J.
Forum Champion
Sheet Author
Translator
It could be that the generic nature of the css is somehow the problem, and by affecting all img , it affects the rest of the sheet. Try add "logo" as a classname to the &lt;img&gt; containing the log, and change the CSS to be more specific with it's target: img.sheet-logo { max - height: 100px; } Or you could add the change directly to the html element so only the logo is affected by it: &lt;img style="max - height: 100px;" etc. &gt;
1616526701
Colin
Sheet Author
Thanks Andreas. I've totally removed the img class from the CSS file but it hasn't fixed the problem. Seems like the whole page has been permanently changed by adding that code (and won't revert even after it's been removed). Very strange! Colin
1616528899
Andreas J.
Forum Champion
Sheet Author
Translator
Colin said: Thanks Andreas. I've totally removed the img class from the CSS file but it hasn't fixed the problem. Seems like the whole page has been permanently changed by adding that code (and won't revert even after it's been removed). Very strange! That shouldn't be possible. If you remove all traces of this, it should go back to normal. It's possible todays/yesterday's SCE update might have caused this and is unrelated to the img thing you did.
1616530598
Colin
Sheet Author
I was wondering if there was something like that. I tested on another browser and created a new game and all had the same result. Hopefully it's something that gets fixed, otherwise I'll have to reformat a lot of CSS. Thanks for your help, Andreas. Colin