Forum Discussion

ThibaultJeuland's avatar
ThibaultJeuland
Community Member
4 years ago

flash cards resizing

Hello I really love the flashcard block. The only probleme is that they look really ovesized in the course when there's only 1 or 2 of them (image 1). Is it possible to make them the same size as ...
rise 360
ThibaultJeuland's avatar
ThibaultJeuland
Community Member
4 years ago

I found the answer I was looking for... After publishing, you can add some css style to the index.html file

  1. Unzip the exported course and in the "scormcontent" folder, open "index.html" in a code editing software (it works fine with notepad)
  2. In the top region, you'll find a <style> tag. 
  3. Add the following code after the <style> tag and before the </style> tag. 
    @media (max-width: 150em) {
       .block-flashcard--medium {
           max-width: 350px;
           max-height: 350px;
       }
    }
  4. Save the index.html file.
  5. Rezip the files
Related Content