Skip to main content (Press Enter).
Sign in
Skip auxiliary navigation (Press Enter).
Join
Education
Knowledge Base
Support
Skip main navigation (Press Enter).
Toggle navigation
Search Options
Home
Communities
My Communities
Online Community Product Communities
Marketing Automation Communities
Recommended Communities
Education
Academy
Live Training
On-Demand Training
Webinar Recordings
Knowledge Base
Events
Upcoming Events
Ask Community Experts
Ask Marketing Experts
HUG Connect
Support
Knowledge Base
Create a Case
Resources
Blogs
Expert Advice
Customer Examples
Success Centers
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.
Higher Logic | 1919 Lynn Street, 5th Floor, Arlington, VA 22209 | hug@higherlogic.com | (202) 360-4402
Powered by Higher Logic