0

Flash card and Matching Questions image sizes

197 0 1
Posted   28 days ago

Is there a way to increase the size of the flash card and matching question images? I see the three sizes on the matching questions, but the large size is still not large enough for the images I want to use. 

 

Thanks!

Comments

( 0 )

Answers  ( 1 )

0
avatar Paul Schneider   |    
Posted   28 days ago

For the matching question images, as you noted there are 3 default sizes.

If the large size isn't large enough, you can switch to that size and then override the CSS settings for the "large match card".

To do this you would access your theme designer, edit the theme and click on the add CSS.

In the add css, add this code:

.flipSet.size-large .flip {
    width: 540px !important;
    height: 540px !important;
}

The 540px is the number you would change for your new "bigger" set size for all match cards.

Flash Card

For the flash card if you add 2 lines of CSS to change the image max and container. You can achieve the desired effect. 
 

.dki-flashCardSet-element .dki-element-content .card .setImage {
    min-height: 550px !important;
}
	
.dki-flashCardSet-element .dki-element-content .card {
	max-width: 700px !important;
}	

 

A couple items to note.

  • Theme level settings effect ALL instances of content in ALL projects that use that theme
  • The above may cause issues with other related objects, so be sure and thoroughly test before fully implementing
  • dominKnow Support does not provide help and troubleshooting assistance for CSS and JavaScript. 

 

Comments

( 0 )