Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Community Edition  Version 6.0.2+230417
Own server or LimeSurvey hosting: LimeSurve
Survey theme/template: extends_fruity 
==================

Hello,  

Thank you again you all your help during the last few months. I need help on how to auto-resize an image in Welcome message when accessing the survey through mobile device.

I had been trying the following codes I saw in the forum , but no resolution: <img alt="" class="img-responsive" src="/EPHMSurvey/upload/surveys/895696/images/image002.jpg" />


I also tried putting the codes below at custom.css.Luckily, images auto resize in text questions  but not in the Welcome page. .question-title-container img {    display: block;    max-width: 100%;    height: auto;} 
 Any code you can recommend so images in the Welcome page can auto-resize  as well?
 

 

Hi,
keep in mind that LimeSurvey is based on bootstrap 5 since version 6.x.
So use the respective docs
[url] getbootstrap.com/docs/5.3/content/images/#aligning-images [/url]

Meaning, this will do it.




Joffm
 

Thank you, Joffm!
Your code solved my problem! I'll inform my team about that bootstrap since we're on Version 6.


Marlo

Version 6.0.2+230417

You are on a very early version of LS6. There are for sure quite a few bugs and issues that have been solved since.

Your installation hasn't received any updates, bug fixes, security patches, etc. for over a year now.

An update is highly recommendable.