Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

No border images with question theme : "image select"

More
7 years 11 months ago #174380 by Alric
No border images with question theme : "image select" was created by Alric
Hi everyone,

I'm using question type : "List (radio)" and question theme : "image_select" which allows me to
use image as answers. I use version 3.14.9 and an extend to fruity theme.

I also use these scripts to automatically proceed to next question after selecting answer and to hide submit button ( see this ):
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID} input[type="radio"]').on('click', function() { $('#ls-button-submit').trigger('click'); }); }); </script>
Code:
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ $('#navigator-container button').hide(); }); </script>

The only problem I cannot solve is to remove the grey border and the "-" character around images, see below :





Any help is appreciated.


Thanks in advance!
The topic has been locked.
Partner Banner
More
7 years 11 months ago #174415 by tpartner
Replied by tpartner on topic No border images with question theme : "image select"
Can you attach a small test survey (.lss file)?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 11 months ago #174450 by Alric
Replied by Alric on topic No border images with question theme : "image select"
Thank you for your answer.
You will find the .lss file as attachment.

File Attachment:

File Name: limesurvey...3515.lss
File Size:22.62 KB
The topic has been locked.
More
7 years 11 months ago #174478 by tpartner
Replied by tpartner on topic No border images with question theme : "image select"
Add this to the end of your custom.css file:

Code:
.imageselect-list li.imageselect-listitem .imageselect-container .imageselect-label { border: transparent none; } .imageselect-list li.imageselect-listitem input[type="radio"]:indeterminate + label::after { display: none; }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: Alric
The topic has been locked.
More
7 years 11 months ago #174507 by Alric
Replied by Alric on topic No border images with question theme : "image select"
Thank you very much! That's perfect!

Have a nice day
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source