Skip main navigation (Press Enter).
Log in
Toggle navigation
Search Options
Log in
Home
Communities
My Communities
Online Community Product Communities
Marketing Automation Community
Recommended Communities
Events
Upcoming Events
Super Forum 2025
Support
Knowledge Base
Design Resources
GDPR Resources
Learning
Preparing to Launch?
Post Launch Best Practices
HUG Education Library
Higher Logic Thrive
Modules
Directory
Discussion post/thread > fix squished images
×
Ready
There seems to be a new rule in the standard HL CSS file that sets the max-width of all images within discussion posts to 400px. This can cause issues for two reasons:
It only sets the width of the image so the inline height still applies, causing the image to be squished horizontally.
If the image needs to be big in order to view detail or text within the image then you are out of luck unless you or the poster also provided a link to the image.
Here are 2 fixes:
Override the CSS like this so that the image displays as originally intended.
.digestViewerMessageDetails img{
max-width:10000px !important;
}
Set the height to auto so that the image scales properly with this CSS:
.digestViewerMessageDetails img
{
height
:
auto !important
;
}
Enjoy.
#CSS
Created By:
Justin Prevatte
Jan 02, 2014
Last Updated By:
Justin Prevatte
Jan 02, 2014
0 comments
0 Views
0 revisions
1
Like
Related Links
No Related Resource entered.
Contact Us
4501 N. Fairfax Drive
Suite 210
Arlington, VA 22203
Tel: (202) 360-4402
Contact Support
Resources
Knowledge Base
Learn More
Privacy & Terms
Terms of Use
Privacy Policy
© 2024 Copyright
Powered by Higher Logic